0
  • 宣言型 dojox.grid.datagrid で、table タグで 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);
        }
4

2 に答える 2

1

この方法で動作させることができますが、それがベストプラクティスかどうかはわかりません。

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 (Dojo 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
于 2013-04-10T10:03:16.963 に答える