二.简单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
- 二.简单tree
- javascript实现tree视图(二).简单静态树
- c-tree数据库(c-treeACE)(8):开发篇之二:简单封装c-tree SQL API
- Unreal Engine 4 AI (二)用C++和Behavior Tree & Blackboard 实现简单追踪AI
- Device Tree(二):基本概念
- Binary Tree Traversal (二)
- 简单的extjs tree
- Tree的简单实现
- 简单Tree的监听
- $.tree 的简单使用
- Trie Tree简单实现
- Easyui的简单tree
- ExtJS学习之tree二
- jquery 树型(Tree)目录(二)
- Device Tree(二):基本概念
- Device Tree(二):基本概念
- Device Tree(二):基本概念
- Device Tree(二):基本概念
- 在uboot中加入一键nfs启动选项,方便调试工作
- Spark高级数据分析——互动出版网
- 视频H.263与H.264的比较
- Pawn Storm网络间谍行动再度现身
- 005.self 用来访问成员变量
- 二.简单tree
- QListWidget滚动条自动下滚
- 此为传送门,关于学习html、css、js、apache、php、mysql的学习
- Spring MVC 乱码问题
- (二)MySQL InnoDB锁模型
- Android的内存优化
- Xutils 使用get请求时,连续请求返回数据相同问题的解决
- scanf()与scanf_s()
- STL算法:prev_permutation和next_permutation的使用