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') //选中的节目名称(方法二)
}
}
}
}
})
})
})

Extjs 让grid的CheckboxSelectionModel不显示复选框

grid的selType:'checkboxmodel'时,一般如下 但是为了某些情况下,不可选,不显示复选框 var sm=Ext.create("Ext.selecti...
  • jazywoo123
  • jazywoo123
  • 2012年08月23日 22:14
  • 1811

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

store 为grid的store,数据加载完后判断一下ID=3的数据在store中的位置,然后选中这一行 store.on('load',function(store, records){ ...
  • mengzhengjie
  • mengzhengjie
  • 2014年06月27日 09:26
  • 930

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

在做extjs grid 的时候我们很多时候用到了Checkbox 来确定选中行,在extjs grid 也可以实现Checkbox。   在Ext grid 中 CheckboxSele...
  • middlekingt
  • middlekingt
  • 2012年12月11日 11:24
  • 3439

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

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

Ext.selection.CheckboxModel全选失效问题

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

extjs CheckboxSelectionModel 单选

var sm = new Ext.grid.CheckboxSelectionModel({header:'',singleSelect:true});
  • ldl22847
  • ldl22847
  • 2012年01月19日 00:27
  • 4300

【解决方案】Ext.grid.CheckboxSelectionModel 实现锁住指定行不被选中

效果图1: 注:如图,要对 sm 为 CheckboxSelectionModel 类型的 grid 实现指定行锁住而不被选中,锁住的条件由该行的某一字段的数据决定,图中根据“状态”决定改行能否被...
  • fifteen718
  • fifteen718
  • 2016年12月30日 19:55
  • 1671

ExtJs开发教程_001_Ext.data.Store使用方法详解

xt.data.Store 用法介绍 这个组件继承自Ext.data.AbstractStore  本篇讲解了如何构造并且做一些基本使用,如果有什么疑问可以联系我QQ1330771552 下面是...
  • eclipse_wss
  • eclipse_wss
  • 2016年08月12日 10:07
  • 2203

[ExtJS5学习笔记]第二十一节 Extjs5中使用config配置给ext.widget或者create方法传递参数

对于Extjs5的使用方式,我习惯性的是,先使用Ext.define方法定义一个自己的类,然后使用extend属性继承某一ext现在存在的类,然后制定alias的widget别名,最后配置属性,格式如...
  • sushengmiyan
  • sushengmiyan
  • 2014年09月13日 16:56
  • 12985

[ExtJS] Ext JS 3.2 学习指南 (英文版)

  • 2013年08月18日 13:47
  • 6.87MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:extjs学习之Ext.selection.CheckboxModel
举报原因:
原因补充:

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