Extjs grid select 选取行内容
来源:互联网 发布:大数据专业 编辑:程序博客网 时间:2024/06/07 07:55
var grid = Ext.create('Ext.grid.Panel', { renderTo: Ext.getBody(), store: store, height: 400, width:800, selModel: { selType: 'checkboxmodel' }, //选择框 columns: [ { text: '型录ID', dataIndex: 'cataId', align: 'left', maxWidth: 80 }, { text: '型录编号', dataIndex: 'cataNo', maxWidth: 120 }, { text: '助记标题', dataIndex: 'cataTitle', align: 'left', minWidth: 80 }, { text: '应用对象', dataIndex: 'cataObjectName', maxWidth: 80, align: 'left' }, { text: '发布状态', dataIndex: 'cataPublishName', maxWidth: 80 }, { text: '活动截止日期', dataIndex: 'cataEndDate',xtype:'datecolumn',dateFormat :'Y-m-d H:i:s' }, { text: '更新时间', dataIndex: 'holyUpdateTime',xtype:'datecolumn',dateFormat :'Y-m-d H:i:s'}, { text: '发布时间', dataIndex: 'catapushtime',xtype:'datecolumn',dateFormat :'Y-m-d H:i:s'} ], bbar: [{ xtype: 'pagingtoolbar', store: store, displayMsg: '显示 {0} - {1} 条,共计 {2} 条', emptyMsg: "没有数据", beforePageText: "当前页", afterPageText: "共{0}页", displayInfo: true }], listeners: { 'itemclick': function (view, record, item, index, e) { Ext.MessageBox.alert("标题",record.data.cataId); } }, tbar:[ {text:'新增',iconCls:'a_add',handler:showAlert},"-", {text:'编辑',iconCls:'a_edit2',handler:showAlert},"-", {text:'停用/启用',iconCls:'a_lock'},"-", {text:'发布',iconCls:'a_upload',handler:showAlert},"-", {text:'组织型录',iconCls:'a_edit',handler:showAlert},"-", {text:'管理商品',iconCls:'a_edit',handler:showAlert},"-", "->",{ iconCls:"a_search",text:"搜索",handler:showAlert}], });function showAlert (){ var selectedData=grid.getSelectionModel().getSelection()[0].data; Ext.MessageBox.alert("标题",selectedData.cataId); }});
这个只能获取单行数据
function showAlert (){ var selectedData=grid.getSelectionModel().getSelection()[0].data; Ext.MessageBox.alert("标题",selectedData.cataId); }
这个可以获取选择的多行数据var rows = grid.getView().getSelectionModel().getSelection(); var msg = ""; for (var i = 0; i < rows.length; i++) { msg = msg + rows[i].get('cataId') + ','; }
0 0
- Extjs grid select 选取行内容
- Extjs Grid根据行内容设置不用字体颜色
- ExtJs Grid 表格内容链接的方法
- extjs grid内容显示居中代码
- extjs中grid的内容能够复制
- extjs更改grid行高度
- ExtJs gridPanel实现多行选取
- ExtJS用Grid显示数据后如何自动选取第一条记录
- EXTJS GRID
- extjs Grid
- ExtJS grid
- extjs grid
- extjs--grid
- extjs-->grid
- 在extjs 的grid中显示 Date格式的内容
- 使extjs的grid内容可复制粘贴
- ExtJS中Grid的单元格内容换行扩展
- ExtJS中Grid的单元格内容提示扩展
- 通过OpenSSL获取证书扩展属性之一:“基本约束”
- 将Gradle项目发布到maven仓库
- 模糊背景处理--当前界面背景
- 【HDU4725】【建模dij】【新建虚拟节点 每层一个出口和入口】
- 8.2.1.7 Use of Index Extensions 索引扩展使用
- Extjs grid select 选取行内容
- UVA_10271_Chopsticks
- Linux常用指令
- IOS集成支付宝回调的坑
- 利用栈判断链表是否为回文
- 利用runtime检测这个对象是否存在某属性?
- Android 中的 EditText
- 【iOS】苹果,百度Map定位使用与总结
- 缓存中实现LRU算法