extjs4.2 -- 选中grid表格中一行Model知识

最新推荐文章于 2022-05-17 11:48:10 发布

snn1410

最新推荐文章于 2022-05-17 11:48:10 发布

阅读量8.3k

点赞数

分类专栏： extjs

本文链接：https://blog.csdn.net/snn1410/article/details/8840931

版权

extjs 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

js文件

grid:

注意属性是selModel

var centerPlan = Ext.create('Ext.grid.Panel', {
            id: id_grid,
            region: 'center',
            title: '查询结果',
            store: store,
            selModel:Ext.create('Ext.selection.CheckboxModel',{mode:"SIMPLE",showHeaderCheckbox:false}),
            columns: [
                {text: '状态',  dataIndex: 'status'},
                {text: '名称', dataIndex: 'name'},
                {text: '电话', dataIndex: 'telephone'},
                {text: '地址',  dataIndex: 'address'},
                {text: '开放时间', dataIndex: 'opentime'},
                {text: '乘车信息', dataIndex: 'busInfo'},
                {text: '网址',  dataIndex: 'website'},
                {text: '经纬度', dataIndex: 'longitude and latitude'},
                {text: '基本说明', dataIndex: 'introduction'}
            ],
            dockedItems: [{
                xtype: 'pagingtoolbar',
                store: store,
                dock: 'bottom',
                displayInfo: true
            }],
            tbar:[toolbar]// 中间部分的顶部工具栏
        });

获取表格数据中选中的行的数据，能够获取每一行的每个列的值

var records = centerPlan.getSelectionModel().getSelection();         ----centerPlan 表格
                        if(records.length == 0) {
                            Ext.Msg.alert('错误','请选择一条记录进行删除');
                        }

如果要不显示checkbox也可以这样设置：

如果不想有复选框是需要把selModel换成Ext.create('Ext.selection.RowModel',{mode:"SIMPLE"})就ok了

具体见下面的网址

http://www.cnblogs.com/wxxian001/archive/2013/02/05/2893183.html