자바 스크립트를 사용하여 테이블 헤더 필드 값을 읽습니다.

Question

그리드가 있습니다.

<div class="claro" id="sdsfs" name="dataGrid" onclick="setWidgetproperty(this.id,'xy','inner__sdsfs')" ondblclick="editDataGridResponse(this.id)" onmouseup="setDocStyle(this.id)" style="height: 200px; left: 58px; position: absolute; top: 51px; width: 950px;"> 
    <table class="claro" dojotype="dojox.grid.DataGrid" id="inner__sdsfs" rowselector="10px" style="height: 95%; width: 95%;"> 
      <thead> 
       <tr> 
        <th field="Column1" width="100px"> 
         Column1 
        </th> 
        <th field="Column2" width="100px"> 
         Column2 
        </th> 
        <th field="Column3" width="100px"> 
         Column3 
        </th> 
        <th field="Column4" width="100px"> 
         Column4 
        </th> 
        <th field="Column5" width="100px"> 
         Column5 
        </th> 
       </tr> 
      </thead> 
    </table> 
    <input id="hidden__sdsfs" name="dataGrid" style="display:none;" type="hidden"> 
</div> 

나는 아래의 기능을 시도 : 두 번 그리드를 클릭에, 나는

그리드 코드 .. 테이블의 필드 값을 얻을 필요가있다. 하지만 작동하지 않습니다.

editDataGridResponse(): 



function editDataGridResponse(_sgridID){ 
    var tableID = document.getElementById("inner__"+_sgridID); 
    for(var i=0; i<tableID.rows[0].length; i++){ 
        alert(tableID.rows[0].field); 
       } 
    } 

Answer 1

시도

function editDataGridResponse(_sgridID){ 
    var tableID = document.getElementById("inner__"+_sgridID); 
    for(var i=0; i<tableID.rows[0].cells.length; i++){ 
     alert(tableID.rows[0].cells[i].innerHTML); 
    } 
} 

Answer 2

보십시오이

function editDataGridResponse(_sgridID){ 
    var tableID = document.getElementById("inner__"+_sgridID); 
    if (tableID) 
    { 
     for (var j= 0; j < tableID.rows.length; j++) 
     { 
      for(var i=0; i<tableID.rows[j].cells.length; i++){ 
         alert(tableID.rows[j].cells[i].field); 
        } 
     } 
    } 
    else 
     alert("Table Id " + "inner__"+_sgridID + " Wrong"); 
    }