dojo1.9.0 表格单选行

所属分类：[界面编程] | 创建时间：2014-05-21 | 文章属性：原创 | 文章来源：http://windfly.cn | 作者：windfly

##基本思路和步骤
1. 使用EnhancedGrid表格
1. 使用IndirectSelection插件
1. 绑定表格单击事件
1. 事件处理中,重置选择器并通过选择器得到所选表格行中的数据

##注意点
- 单击表格行时,选择框并不会自动被选择中.所以在行点击事件中同时要处理选择框的变更

##模板代码

定义表格

</pre>
脚本

<pre name="code" class="js">
require(["dojo/data/ItemFileReadStore",
    "dojo/parser",
    "dojox/grid/EnhancedGrid",
    "dijit/registry",
    "dojox/grid/enhanced/plugins/IndirectSelection"
    "dojo/domReady!"
], function(ItemFileReadStore, Parser, EnhancedGrid, registry) {
 var data = {
        items: [
            {id:1,name:1},
            {id:2,name:2}
        ]
    }
   var mainlayout = [
    {
        cells: [
            {field: "name", name: "状态", datatype: "string", width: '10%'}
        ]
    }
];
var mainplugins = {
    indirectSelection: true
};
    var maingridStore = new ItemFileReadStore({data: data});
    var grid = new EnhancedGrid({
        structure: "mainlayout",
        noDataMessage: "无数据",
        plugins: mainplugins,
        canSort: "false",
        selectionMode: "single",
        autoHeight: "true",
        store: maingridStore
    }, "maingrid");
    dojo.connect(grid, "onRowClick", function(e) {
        var idx = e.rowIndex;
        if (idx != -1) {
            var item1 = this.getItem(idx);
            var id = this.store.getValue(item1, "id");
            this.rowSelectCell.toggleRow(idx, true)
            console.log(id);
        }
    });
    grid.startup();
}
</pre>