Ext.grid.Panel默认选择行

Grid加载数据后默认选择其中一行，在ExtJs4版本之前，可以通过 this.getSelectionModel().selectFirstRow();  来选择，在ExtJs4.x的Ext.selection.Model中已经移除了selectFirstRow等方法，查看API可知，可通过selectRange选择：

selectRange( startRow, endRow, [keepExisting] )

Selects a range of rows if the selection model is not locked. All rows in between startRow and endRow are also selected.

startRow从0开始，0代表第一行，若需要选择第一行，则selectRange( 0, 0, true )

下面来看看我是怎样来实现的：

	loadStore : function() {
		this.getStore().load({
					// store loading is asynchronous, use a load listener or
					// callback to handle results
					callback : this.onStoreLoad
				});
	},

	onStoreLoad : function() {
		var model = this.getSelectionModel();
		if (this.getStore().count() > 0)
			model.selectRange(0, 0, true);// select first row
	},

 

最近我开始学习ExtJs4和ExtJs5，有例子或技巧分享的可以发送到我邮箱[e-mail]，大家相互学习！