给ExtJS Grid增加记录的导航功能代码,JS代码库,德仔网

代码语言

代码分类

【JS】给ExtJS Grid增加记录的导航功能

作者:chenjiewb / 发布于2014/12/13/ 549

该功能增加ExtJS Grid记录的选择导航功能，包括首条、未条、前一条、后一条记录选择的导航。使系统的开发效率更加快速。涉及到的平台：WebBuilder


	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');
	 }
	 }
	 );

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　导航功能　　 ExtJS　　Grid　

同语言下

可能有用的

chenjiewb贡献的其它代码(3)