ExtJS用Grid显示数据后如何自动选取第一条记录

最新推荐文章于 2021-02-15 20:20:08 发布
最新推荐文章于 2021-02-15 20:20:08 发布
阅读量5.5k 收藏
点赞数 1
分类专栏： ExtJS 文章标签： ExtJS 自动选取记录 load
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wilsonyun/article/details/46632129
版权
当使用ExtJS的Grid显示数据并加载Store时，由于数据加载是异步的，无法直接选取第一条记录。解决方法是在Store的load()方法中设置回调函数，当数据加载成功后，调用Grid的SelectionModel选择第一条记录。
摘要由CSDN通过智能技术生成

       用Grid显示数据后，如何让系统自动选取第一条记录呢？在显示Grid时由于其Store正在loading，没法在Grid选取第一条记录，因为还没有记录，所以应在其Store进行操作。

查看Ext.data.Store的load()方法如下：


(   [options]  )

Loads data into the Store via the configured 

最低0.47元/天 解锁文章
wilsonyun
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
[Ext JS] Grid 的复选框行选择之——某些行不能选取
oscar999的专栏
10-29 831
Grid的选择功能的实现要求如下： 使用复选框（Checkbox） 对Grid进行选择。 某些行根据改行的数据的条件进行是否可以选取。 需要有全选和全部反选的功能。 实现后的效果如下： 实现方案 Grid的第一列定义成 checkcolumn 类型 { xtype:'checkcolumn', width:40, dataIndex: 'selected', headerCheckbox:true, /
第7章[7.19] Grid行选择的多种场景和实现方式
oscar999的专栏
01-21 402
Grid的行选择有多种实现方式，可以应用在不同的场景， 本篇介绍三种实现方式： 使用selModel 实现 使用 checkcolumn 类型的列 使用widgetcolumn 类型的列 使用selModel 实现Grid的行方式 Gird行选择比较习惯的方式是在首列提供提供复选框进行选择， 最简单的就是在Grid的定义中增加selModel:'checkboxmodel', 配置， 该配置的意思是设置Grid的选择模式为复选框模式， 直接看示例代码： { xtype: 'grid',
extjs中store获取后台数据_extjs之访问store
weixin_35934037的博客
02-15 755
参考了：http://cfhyz.blog.sohu.com/78243573.html知道store从proxy获取数据之后，就可以访问store里面的数据了：1，store.getCount()得到store总记录数，也就是行数2，store.getAt(i);获得store中第i条记录的引用3，store.getAt(i).get('value')获得store中第i条记录的'value'字...
miniui中dataGrid默认选中第一行
zhangtxsir的博客
11-17 7186
miniui dataGrid列表中中默认选中第一行。 this.grid = mini.get("xxx-grid"); this.grid.on("load",function(){this.grid.select(0)}); this.grid.load();
默认选中ext:GridPanel第一行数据
蚂蚁筑巢
08-07 2367
App.GridPanel1.getSelectionModel().select(0, true); 或者 App.GridPanel1.selModel.select(App.GridPanel1.store.data.items[0]); 2种方法都可以选中第一行，看个人喜好用哪种
Ext.Store 的使用
周
11-25 2013
store是一个为Ext器件提供record对象的存储容器,行为和属性都很象数据表   //方法:不列举继承来的方法 Store(Object config )//构造,config定义为 {    autoLoad :Boolean/Object,//自动载入    baseParams :Object, //只有使用httpproxy时才有意义    data :Array,
Extjs Grid中默认选中
西风微凉的博客
07-13 3645
在项目需要做个部门切换，在选中用户所在部门的列表中，要对默认选中当前登录的部门 数据已经出来了，但是同事提供过来的的只是默认选择第一条记录。我还是先查下文档， 在Ext.selection.Model里面有个 select( Ext.data.Model[]/Number records, [Boolean keepExisting], [Boolean suppressEvent] )
Extjs列表详细信息窗口新建后自动加载解决方法
12-03
方案2（成功）：在数据创建并更新列表后，设置列表中的第一条记录（通常新创建的数据会被排序在最前面）为选中状态，然后调用编辑方法。具体做法是在保存数据的方法后面，使用`setTimeout`函数来确保在store加载完成...
SlickGrid 基本方法篇
上步七星
05-07 1万+
前言：SlickGrid 是一个Javascript编写的数据控件，其采用数据虚拟显示的特性备受后来的Grid推崇，如ExtJS DataGrid，其架构设计优秀，UI交互功能非常丰富，插件化的可扩展功能开发非常值得Web开发人员学习，本文列出基本方法的使用，供开发人员参考；并在后文继续总结列出已经开发出的插件，以供开发人员参考。 0. SlickGrid 基本样式示例 功能包括：
MiniUI 的知识积累
ytangdigl的博客
11-26 724
1、默认选中树的根节点 var tree = mini.get("tree-1"); tree.selectNode(tree.getRootNode().children[0]); 2. 表格修改列头名称 <div class="mini-fit"> <div id="grid1" class="mini-datagrid" style="width: 100%; height: 100%" allowresize="true" pagesize="20" ajaxoption="
ExtJs gridPanel默认选中第一行
idomyway的博客
12-27 3154
具体语法 MyGrid.getSelectionModel().select(0,true); 注意事项语句最好的位置选择是 Store获取数据的成功回调函数里listener：{ "load":function(){ MyGrid.getSelectionModel().select(0,true); } }
Extjs 获取Store的数据
热门推荐
xs_zgsc的专栏
11-04 1万+
Store.getCount()返回的是store中的所有数据记录，然后使用for循环遍历整个store，从而得到每条记录。 除了使用getCount()的方法外，还可以使用each()函数，如下面的代码所示。 var store = new Ext.create('Ext.data.Store', { storeId: "FontColorStore", fields: [{
extjs获得store数据
dianjin3567的博客
10-09 343
var json = new Array(); for (var i = 0; i < storeEditFee.getCount(); i++) { json.push(storeEditFee.getAt(i).data); } ...
extjs4学习笔记（二）----- 监听事件beforeload使用
yfcaone
03-15 9894
EXTJS 4
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值