二.简单tree

Ext.onReady(function(){
Ext.tip.QuickTipManager.init();
_storeParams = "";
var Tools_TGrid_Sys_Position_Tree ;Ext.define('model', {
extend : 'Ext.data.Model',
fields : [
 {name : 'positionName',type : 'string'}
,{name : 'positionId',type : 'string'}
,{name : 'id',type : 'string'}
,{name : 'departName',type : 'string'}
,{name : 'subCompany',type : 'string'}
]});

store = Ext.create('Ext.data.TreeStore', {
storeId:'store',	model : 'model',
sorters: [{property: 'sort', direction: 'ASC'}],
	root : {
		id : ' ',
positionName : '岗位',
		iconCls : 'iconCls',
		appId : 'Sys'
	},
	proxy : {
		type : 'ajax',
url : baseUrl+'/admin/orgPositionAction!getTree.action',
		reader : {
			type : 'json'
		}
	}
});
store.on('beforeload', function(store, options) {
	var new_params = {
		sqlTableName : 'ORG_Position',
sqlWhere:encodeURI(_storeParams),
selectColList:'id,positionId,positionName,parentId,iconCls,sort',		orderFieldName : 'sort',
		parentId : 'parentId',
		sqlSearchField : ''
	};
	Ext.apply(store.proxy.extraParams, new_params);
});

grid = Ext.create('Ext.tree.TreePanel', {
id :'TGrid_Sys_Position_Tree',
sqlTableName : 'ORG_Position',
foreignKey : 'parentId',	layout : 'fit',
	height : '100%',
	autoScroll : true,
	forceFit : true,
	columns : [ 
{
header : '<font class="x-grid-header-font">岗位名称</font>',
dataIndex : 'positionName',
xtype : 'treecolumn',
menuDisabled :true,
style:'text-align:center;',
width : 150
}
,{
header : '<font class="x-grid-header-font">岗位编号</font>',
dataIndex : 'positionId',
menuDisabled :true,
style:'text-align:center;',
width : 150
}
,{
header : '<font class="x-grid-header-font"></font>',
dataIndex : 'id',
menuDisabled :true,
hidden: true,
hideable: false,
style:'text-align:center;',
width : 150
}
,{
header : '<font class="x-grid-header-font">所属部门</font>',
dataIndex : 'departName',
menuDisabled :true,
style:'text-align:center;',
width : 150
}
,{
header : '<font class="x-grid-header-font">所属组织</font>',
dataIndex : 'subCompany',
menuDisabled :true,
style:'text-align:center;',
width : 150
}
],
	border : 0,
	renderTo : 'treePanel',//id为treePanel的区域
	autoScroll : true,
	split : true,
	useArrows : false,
	rowLines : true,
	frame : false,
	singleExpand : false,
	store : store,
	rootVisible : true,
tbar : Tools_TGrid_Sys_Position_Tree
});
后台传过来的数据格式为：
1：分布加载机制
 List<Map>  ([{"xxx":"XXX","ccc":"CCC"},{"xxx":"XXX","ccc":"CCC"}])
2：一次加载机制
 List<Map>  ([{"xxx":"XXX","ccc":"CCC","children":{
"xxx":"XXX","ccc":"CCC"}},{"xxx":"XXX","ccc":"CCC"}])
children代表子节点