毕业论文开发语言企业开发JAVA技术.NET技术WEB开发Linux/Unix数据库技术Windows平台移动平台嵌入式论文范文英语论文
您现在的位置: 毕业论文 >> WEB开发 >> 正文

Extjs grid中某一行字段中添加Checkbox的问题

更新时间:2012-12-11:  来源:毕业论文

Extjs grid中某一行字段中添加Checkbox的问题
 是这样的,我有一个数据库表,其中一个字段(假设字段名称为a)用来表示这行数据是否有效。现在我要把这个表的数据用Grid来显示,但是我想让a这个字段的值显示为一个checkbox,选中代表有效,没选中的代表无效,这样方便用户操作更改。
   请问该怎么实现?我用的是4.1.1版本

先把后台a字段的值赋给一个隐藏列,然后加载完后把grid每行遍历一下,根据每行的隐藏列的值来判断是否要把这行的checkbox选中

columns: [{             text: '状态',             sortable: false,             dataIndex: 'state',//数据源中的状态列             renderer: function (v) { return '<input type="checkbox"'+(v=="1"?" checked":"")+'/>'; }//根据值返回checkbox是否勾选         }


extjs4里有grid checkbox的插件叫 CheckboxModel也许可以满足你的需求

var sm = Ext.create('Ext.selection.CheckboxModel');     var grid2 = Ext.create('Ext.grid.Panel', {         store: getLocalStore(),         selModel: sm,         columns: [             {text: "Company", width: 200, dataIndex: 'company'},             {text: "Price", renderer: Ext.util.Format.usMoney, dataIndex: 'price'},             {text: "Change", dataIndex: 'change'},             {text: "% Change", dataIndex: 'pctChange'},             {text: "Last Updated", width: 135, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}         ],         columnLines: true,         width: 600,         height: 300,         frame: true,         title: 'Framed with Checkbox Selection and Horizontal Scrolling',         iconCls: 'icon-grid',         renderTo: Ext.getBody()     });

设为首页 | 联系站长 | 友情链接 | 网站地图 |

copyright©youerw.com 优尔论文网 严禁转载
如果本毕业论文网损害了您的利益或者侵犯了您的权利,请及时联系,我们一定会及时改正。