Ext grid延迟选中checkbox

最新推荐文章于 2021-12-31 15:09:54 发布

iteye_11495

最新推荐文章于 2021-12-31 15:09:54 发布

阅读量78

点赞数

本文介绍如何使用ExtJS创建一个包含网格面板的应用实例，该网格面板支持行选择，并能在加载数据时根据预设值自动选中指定的行。通过监听选择事件，可以获取到被选中行的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Ext.onReady(function() { var testData = [['1', 'xxxxx'], ['2', 'aaaa'], ['3', 'xxyyy'], ['4', 'bbbb']]; var selectValue = ['bbbb', 'aaaa'] var store = new Ext.data.SimpleStore({ fields : ['id', 'name'] }); var sm = new Ext.grid.RowSelectionModel({ listeners : { 'rowselect' : function(sm, rowIndex, r) { Ext.log("select", rowIndex, r.get('name')) } } }); var grid = new Ext.grid.GridPanel({ width : 800, height : 500, autoScroll : true, store : store, sm : sm, columns : [sm, { header : '序号', dataIndex : 'id', sortable : true }, { header : '名字', dataIndex : 'name', sortable : true }] }); var v = new Ext.Viewport({ items : [grid] }); store.on('load', function(store, records, options) { var arr = []; for (var i = 0; i < records.length; i++) { var record = records[i]; var isMatch = selectValue.indexOf(record.get('name')) != -1; if (isMatch) { arr.push(record); } } sm.selectRecords(arr); }, this, { delay : 1000 }) store.loadData(testData); });