您现在的位置:首页 --> JavaScript --> ExtJS怎么刷新Grid表格前面的行序列号
ExtJS怎么刷新Grid表格前面的行序列号
浏览:1467次 出处信息
本文介绍怎么刷新ExtJS的Grid表格前面的Ext.grid.RowNumberer行序列号,比如,如果有四行,序号是:1、2、3、4,再不刷新的情况下,如果删除了第3行,那么序号就会变成1、2、4。看下下面的代码,即可实现如下图1所示的刷新序列号的效果。
图1:序列号刷新
上图1的实现代码如下:
Ext.onReady(function() { Ext.define('User', { extend: 'Ext.data.Model', fields: [ {name: 'name', type: 'string'}, {name: 'email', type: 'string'}, {name: 'phone', type: 'string'} ] }); var myStore = Ext.create('Ext.data.Store', { model : 'User', data : [{ 'name' : 'yedward', 'email' : 'yed@123.com', 'phone' : '13234' }] }); var myGrid = Ext.create('Ext.grid.Panel', { title: 'Simpsons', store : myStore, columns: [ { xtype : 'rownumberer'}, { header: 'Name', dataIndex: 'name' }, { header: 'Email', dataIndex: 'email' }, { header: 'Phone', dataIndex: 'phone' } ], height: 200, width: 400, renderTo: Ext.getBody(), buttons : [{ text : '新增', handler : function () { var emptyRow = { 'name' : '', 'email' : '', 'phone' : '' }; myStore.add(emptyRow); } }, { text : '删除', handler : function() { var selections = myGrid.getSelectionModel().getSelection(); myStore.remove(selections); myGrid.getView().refresh(); // 删除一行记录以后,行序列号重新排序 } }] }); });
本例的核心是利用grid.getView().refresh()来刷新视图!
建议继续学习:
- ExtJS源码研究笔记之总评 (阅读:3056)
- JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述 (阅读:3047)
- Ext JS 4 布局和容器:Layouts、Containers (阅读:2172)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:js代码因逗号不规范导致IE不兼容的问题
后一篇:一个“三端”开发者眼中的React Native >>
文章信息
- 作者:叶德华的博客 来源: 叶德华的博客
- 标签: Grid ExtJS
- 发布时间:2016-02-12 17:44:49
建议继续学习
近3天十大热文
- [66] Go Reflect 性能
- [65] Oracle MTS模式下 进程地址与会话信
- [64] 如何拿下简短的域名
- [59] android 开发入门
- [59] IOS安全–浅谈关于IOS加固的几种方法
- [58] 图书馆的世界纪录
- [58] 【社会化设计】自我(self)部分――欢迎区
- [53] 视觉调整-设计师 vs. 逻辑
- [47] 界面设计速成
- [46] 读书笔记-壹百度:百度十年千倍的29条法则