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());加入被绑定时间即可。