Extjs tree 展现处理

Ext.define('app.view.dialogue.ActivdalogueStateTree', {
	extend : 'Ext.tree.Panel',
	alias : 'widget.activityUserDialogueStateTree',
	requires : ['app.store.dialogue.ActivityUserDialogueStateTreeStore'],
	initComponent : function() {
		var me = this;
		var store = Ext.create('app.store.dialogue.ActivityUserDialogueStateTreeStore',{
			autoLoad : false
		});
		store.on('beforeload', function() {
			Ext.apply(store.proxy.extraParams, {
				actionType : 'activityMgr',
				taskId : me.taskId
			})
		});
		Ext.apply(this, {
			border : true,
			store : store,
			rootVisible: true,
			root : {
				text : '会话状态',
				id : 'root',
				rootVisible : false,
				expanded : true
			}
		});
		this.callParent(arguments);
	}
})

定义根节点的时候把根节点放在apply里定义防止store.load()提前刷新提交，因为当设置根节点 expanded : true 时会store会自动load()提交数据，这时候beforeload里的参数是没有传进去的而且store里的autoLoad : false 在这时候是没有用处的store还是会提交一遍，所以用到展开树并且是有条件的生成树时一定要注意根节点root的创建时机。