首页 > Web开发 > 详细

ExtJS,grid多选框列

时间:2017-04-10 11:03:49      阅读:301      评论:0      收藏:0      [点我收藏+]

extjs grid 使用多选框

使用选择框的选择模型是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" }
]

效果如图:

技术分享

extjs grid 获取选中行

要得到选中行,我们首先要找到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);

 

ExtJS,grid多选框列

原文:http://www.cnblogs.com/xiaoqi123/p/6687685.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!