二.简单tree

来源:互联网 发布:数据圈登录不了 编辑:程序博客网 时间:2024/05/01 17:33
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代表子节点



1 0
原创粉丝点击