在聲明式dojox.grid.datagrid的onresize列中獲取列索引

Question

• 在聲明式dojox.grid.datagrid中，我在表標記中使用onresizecolumn。

onresizecolumn = 「columnResize（this.id，this.cellIdx）」

onresizecolumn調用一個函數。在調整特定的列我想獲得cellIdx。

<div class="claro" id="eterte" name="dataGrid" onclick="getConnect('inner__eterte');setWidgetproperty(this.id,'xy','inner__eterte');" ondblclick="editCustomGrid(this.id)" onmouseup="setDocStyle(this.id)" style="height:200px; left:39px; position:absolute; top:251px; width:950px;"> 
    <table class="claro" dojotype="dojox.grid.DataGrid" id="inner__eterte" onresizecolumn="columnResize(this.id,this.cellIdx)" rowselector="10px" style="height: 180px; width: 400px;"> 
      <thead> 
       <tr> 
        <th field="Column1" id="Column1_6" width="159px"> 
         Column1 
        </th> 
       </tr> 
      </thead> 
    </table> 
    <input id="hidden__eterte" name="dataGrid" style="display:none;" type="hidden"> 
</div> 

function columnResize(id,index){ 
      alert(); 
      alert(id); 
      alert(index); 
     } 

Answer 1

通過閱讀API documentation我得出的結論是，Dojo 自動發送Cell索引到事件處理程序。因此，解決辦法是簡單地提供以下特性onResizeColumn="myFunction"，然後你像這樣定義一個函數：

function myFunction(cellDx) { 
    alert(cellDx); 
} 

這應該工作，我還送JSFiddle進行測試。順便說一下，你是否有理由以聲明的方式來做所有的事情？就我的經驗而言，用JavaScript編寫大部分代碼要容易得多。

Answer 2

我可以這樣工作，不知道這是否是最佳做法。

http://jsfiddle.net/gE8rH/6/

HTML（刪除onresizecolumn屬性）：

<div class="claro" id="eterte" name="dataGrid" onclick="getConnect('inner__eterte');setWidgetproperty(this.id,'xy','inner__eterte');" ondblclick="editCustomGrid(this.id)" onmouseup="setDocStyle(this.id)" style="height:200px; width:950px;"> 
    <table dojotype="dojox.grid.DataGrid" id="inner__eterte" rowselector="10px" style="height: 180px; width: 400px;"> 
     <thead> 
      <tr> 
       <th field="Column1" id="Column1_6" width="109px">Column1</th> 
       <th field="Column2" id="Column1_7" width="109px">Column2</th> 
       <th field="Column2" id="Column1_8" width="109px">Column3</th> 
      </tr> 
     </thead> 
    </table> 
</div> 

JS（使用道場1.7+模塊名稱），分配給小部件的onResizeColumn屬性：

require(["dojo/parser", "dijit/registry", "dojox/grid/DataGrid"], function (parser, registry) { 
    parser.parse().then(afterParse); 

    function afterParse() { 
     var d = registry.byId("inner__eterte"); 
     console.log(d); 

     d.onResizeColumn = function (colIdx) { 
      console.log("columnResize"); 
      console.log("args", arguments); 
      console.log("this", this); 
      console.log("colIdx", colIdx); 
     }; 
    } 
}); 

輸出這個時調整第一列的大小：

columnResize 
args [0] 
this [Widget dojox.grid.DataGrid, inner__eterte] { _attachPoints=[4], _attachEvents=[1], _connects=[0], more...} 
colIdx 0