日期:2014-05-16  浏览次数:20356 次

Extjs中GripPanel分页使用ExtJs RowNumberer自增的问题

ExtJs Grid分页时如果使用ExtJs RowNumberer进行序号表示,默认情况下每页的序号都是从1起始的,这往往不符合我们的习惯。这里实现了序号的自动增加。

实现步骤如下:

1、定义全局变量

?

var rowStart = 0;

?

2、Grid的columns部分的定义

columns : [
	new Ext.grid.RowNumberer({
	  header : "序号",
	  width : 40,
	  renderer:function(value,metadata,record,rowIndex){
	   return record_start + 1 + rowIndex;
	  }
 	}), 
	{
	  header : "编号",
	  width : 50,
	  sortable : false,
	  dataIndex : "id"
	}
]

?

3、Grid 的PagingToolbar部分的定义。

?

// 定义分页工具条
var pageBar = new Ext.PagingToolbar({
	pageSize	: rowLimit,
	store		: store,
	displayInfo	: true,
	displayMsg	: '总记录数:{2}',
	emptyMsg	: '总记录数:0',
	//重写doLoad方法,增加一行rowStart = start;
	doLoad : function(start){
	  rowStart = start;
	  var o = {}, pn = this.paramNames;
	  o[pn.start] = start;
	  o[pn.limit] = this.pageSize;
	  this.store.load({params:o});
	}
});

?

?