使用选择框的选择模型是checkboxmodel,代码如下:
xtype: "grid", store: myStore, selModel: Ext.create("Ext.selection.CheckboxModel", { injectCheckbox: 1,//checkbox位于哪一列,默认值为0 mode: "single",//multi,simple,single;默认为多选multi checkOnly: true,//如果值为true,则只用点击checkbox列才能选中此条记录 allowDeselect: true,//如果值true,并且mode值为单选(single)时,可以通过点击checkbox取消对其的选择 enableKeyNav: true }), columns: [ { xtype: "rownumberer", text: "行号", width: 50 }, { text: "姓名", dataIndex: "Name" }, { text: "年龄", dataIndex: "Age" } ]
效果如图:
要得到选中行,我们首先要找到grid,然后得到grid的selectionModel,然后再找到选择行,代码如下:
var grid = win.down("grid"); var records = grid.getSelectionModel().getSelection(); Ext.MessageBox.alert("提示", records.length);
自用参考代码(js分离时的写法):
var me = this, records = me.selection(); Ext.MessageBox.alert("提示", records.length);
原文:http://www.cnblogs.com/xiaoqi123/p/6687685.html