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代表子节点
二.简单tree
最新推荐文章于 2024-04-07 13:43:27 发布