선언적 dojox.grid.datagrid의 onresizecolumn에서 열 색인 가져 오기

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 이 자동으로이 이벤트 핸들러에 셀 인덱스를 보내는 것으로 결론을 냈습니다. 그래서 해결책은 간단하게 다음과 같은 속성 onResizeColumn="myFunction"를 제공하고 다음과 같이 함수를 정의하는 것입니다 :이 작업을해야

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

, 난 그것을 테스트하기 위해 JSFiddle했다. 그건 그렇고 선언적 방식으로 모든 작업을 수행하려는 이유가 있습니까? 지금까지 경험 한 바에 따르면 JavaScript로 대부분의 내용을 작성하는 것이 훨씬 쉽습니다.

Answer 2

이 방법으로 작업 할 수 있습니다. 모범 사례인지 확실하지 않습니다.

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

HTML (제거 onresizecolumn 속성) (1.7+ 모듈 이름을 도장 사용)

<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, 위젯 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