[分享] 增加grid对象的记录选择导航功能。

2014-11-14 18:40

题主

Chen Jie
用户名称：	chenjie
加入日期：	2012-05-29 23:07
登录次数：	4879

添加代码至下列位置加将增加gridPanel的记录选择导航功能：

1、module的initialize事件里（在本模块内有效）

2、放到wb.js的initialize或ext-all.js文件里（在所有模块有效）

3、放到一个js文件中（在module的jsFiles里引用时有效）

源码：

Ext.define('WebBuilder.ex.grid',
           {
             override: 'Ext.grid.Panel',
             move:function(dir){
               var me=this,
                   model=me.getSelectionModel(),
                   sels=model.getSelection(),
                   index,
                   count;
               if(sels.length>0&&me.store){
                 index=me.store.indexOf(sels[0]);
                 count=me.store.getCount();
                 switch(dir){
                   case 'top':index=0;break;
                   case 'up':index--;break;
                   case 'down':index++;break;
                   case 'bottom':index=count-1;break;
                 }
                 if(index<0)index=0;
                 if(index>=count)index=count-1;
               }
               else index=0;
               model.select(index);
             },
             first:function(){
               this.move('top');
             },
             last:function(){
               this.move('bottom');
             },
             prior:function(){
               this.move('up');
             },
             next:function(){
               this.move('down');
             }
           }
          );

使用方法：

grid.first(); //选择第一条记录
grid.prior(); //选择前一条记录
grid.next(); //选择后一条记录
grid.last(); //选择最后一条记录

2014-11-14 18:44

Chen Jie
用户名称：	chenjie
加入日期：	2012-05-29 23:07
登录次数：	4879

修改或者扩展组件的功能都可以通过override或extend来实现。

2014-11-17 09:07

jimmywang
用户名称：	jimmywang
加入日期：	2012-09-09 14:02
登录次数：	64

谢谢分享学习了！

2014-11-18 15:48

yangjq
用户名称：	yangjq
加入日期：	2013-04-03 11:22
登录次数：	43

override是把Ext.grid.Panel修改了吧，所有gridpanel都有这个功能了。

2014-11-20 12:18

Zhao WJ
用户名称：	zhaowj
加入日期：	2011-05-02 12:07
登录次数：	1515

override是重载，extend是扩展

返回开发者社区