extjs学习之Ext.selection.CheckboxModel

转载 2016年05月31日 13:06:12


Ext.onReady( function() {
var store=Ext.create('Ext.data.Store', {
storeId:'simpsonsStore',
fields:['id','name','description','action'],
data:[{
"id":'1',
"name" : "节目一",
"description" : "lisa@simpsons.com",
"action":'false'
},{
"id":'2',
"name" : "节目二",
"description" : "mary@simpsons.com",
"action":'true'
},{
"id":'3',
"name" : "节目三",
"description" : "jun@simpsons.com",
"action":'false'
}],
proxy: {
type:'memory',
reader: {
type:'json'
}
}
});

var grid=Ext.create('Ext.grid.Panel', {
renderTo : Ext.getBody(),
width : 450,
height : 250,
margin : '0 0 0 100',
store:store,
columns:[{
header:'姓名',
dataIndex:'name',
flex:1
},{
header:'描述',
dataIndex:'description',
flex:1
}],
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:false,
listeners: {
deselect: function(model,record,index) {//取消选中时产生的事件
},
select: function(model,record,index) {//record被选中时产生的事件
record.get('name');//选中的节目名称
},
selectionchange: function(model,selected) {//选择有改变时产生的事件

var records=model.getSelection();
if(records!='') {
for(var i in records) {
records[i].get('name')//选中的节目名称(方法一)
}
}

if(selected!='') {
for(var p in selected) {
selected[p].get('name') //选中的节目名称(方法二)
}
}
}
}
})
})
})

相关文章推荐

grid selType: 'checkboxmodel', 取消没行选中

store 为grid的store,数据加载完后判断一下ID=3的数据在store中的位置,然后选中这一行 store.on('load',function(store, records){ ...

ExtJS4新发现12_CheckboxSelectionModel单选和复选的限定

在做extjs grid 的时候我们很多时候用到了Checkbox 来确定选中行,在extjs grid 也可以实现Checkbox。   在Ext grid 中 CheckboxSele...

EXT CheckboxSelectionModel 多选效果以及获取选定值

网上找了好久 原来很简单。 SendBillSerachGridPanel.superclass.constructor.call(this, { id : this.myid, title...
  • ghjzzhg
  • ghjzzhg
  • 2017年04月18日 23:31
  • 646

Ext.selection.CheckboxModel全选失效问题

页面打开第一次全选可以选中也可以取消选中,但是第二次打开全校功能就失效了,直接上代码完美解决问题 selModel: Ext.create('Ext.selection.CheckboxModel',...

extjs中grid中checkbox的用法,ext中grid获取checkbox的值

转自:http://blog.csdn.net/simaweier/article/details/8111923 grid每列前面加checkbox: (我用的而是第一...
  • llwan
  • llwan
  • 2016年05月25日 09:20
  • 3720

extjs CheckboxSelectionModel 单选

var sm = new Ext.grid.CheckboxSelectionModel({header:'',singleSelect:true});

有关GridPanel中的CheckboxSelectionModel(Extjs)

看到前人写的代码有不爽之处,不过改起来还真不知道从何下手,研究了一阵子,总算是搞定了。。。 我解决的问题是:在gridpanel左侧有一列checkbox,gridpanel右侧有一个图片区,每一行...
  • angus_17
  • angus_17
  • 2011年12月06日 16:52
  • 12889

extjs grid的Ext.grid.CheckboxSelectionModel默认选中解决方法

grid的复选框定义如下: var sm = new Ext.grid.CheckboxSelectionModel({ handleMouseDown : Ext.emptyFn, ...
  • e_wsq
  • e_wsq
  • 2011年11月21日 17:46
  • 1699

Extjs 让grid的CheckboxSelectionModel不显示复选框

grid的selType:'checkboxmodel'时,一般如下 但是为了某些情况下,不可选,不显示复选框 var sm=Ext.create("Ext.selecti...

Extjs4.2 获取行数据的两种方法。

var test_grid = Ext.create('Ext.grid.Panel',{ id: 'test_grid_id', columns: [ {text: "MsgId...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:extjs学习之Ext.selection.CheckboxModel
举报原因:
原因补充:

(最多只允许输入30个字)