Dojo Grid的基本使用 和 表頭 出現混亂問題

Grid的基本使用

// Grid表頭定義
var structure = [{
        cells: [
            [
             {name: "タイトル", field:"name1", width: "610px", styles: 'text-align: left;height:18px;'},
             {name: "內容", field:"name2", width: "610px", styles: 'text-align: left;height:18px;'}
            ]
        ]
    }];
// Grid事件綁定
dojo.addOnLoad(function(){
     dojo.connect(dijit.byId("gridId"),"onRowClick",_getSelectData);  // 綁定grid行選擇事件
     dijit.byId("grid").selection.multiSelect = false;  // 設置grid行數據不能多選
});
_getSelectData=function(){
        var _selectRow=dijit.byId("gridId").selection.getSelected()[0];
        var _gridRowData=dijit.byId("gridId").model.getRow(_selectRow);
        alert(_gridRowData.name1 + _gridRowData.name2);
};

表頭 出現混亂問題

現象前提：

將橫向滾動條挪向右端，然後點擊grid表頭時，表頭出現混亂，數據和標題位置對應混亂

 

解決方案：

在點擊表頭事件中重新設置表頭即可解決：

dojo.addOnLoad(function(){
     dijit.byId("grid").onHeaderClick=function(){dijit.byId("gridId").setStructure(dijit.byId("gridId").getStructure());};
});

注意：如果已經綁定了onHeaderClick事件，將代碼dijit.byId("gridId").setStructure(dijit.byId("gridId").getStructure());加入被綁定時間即可。