///前台 var grid = new Ext.ux.tree.TreeGrid({ title: '任务管理', width: 500, height: 300, enableDD: true, enableSort:false, rootVisible:false, columns:[{ header: '任务名称', dataIndex: 'Task_ID', width: 230 },{ header: '开始时间', width: 100, dataIndex: 'TaskName', align: 'center' }], root:new Ext.tree.AsyncTreeNode({ id:'0', loader:new Ext.tree.TreeLoader({ dataUrl: 'Data/Work_Task/Work_Task.aspx?flag=0', listeners:{ "beforeload":function(treeloader,node) { treeloader.baseParams={ treegrid_id:node.id, method:'POST' }; } } }) }), listeners: { "click":function(node,event) { if (node.isLeaf()) { event.stopEvent(); } else { event.stopEvent(); node.toggle(); } } } });
//后台返回值的方法 public string GetData_TaskInfo(string _id) { if (_id == "0") //第一次加载,只加载父节点 { string _fathers = ""; DataSet dsWorkInfo = TIS.Get_TaskInfo(_id, ""); foreach (DataRow r_Work in dsWorkInfo.Tables[0].Rows) { _fathers += "{leaf: false,id:'" + r_Work[0] + "',"; foreach (DataColumn column_Work in dsWorkInfo.Tables[0].Columns) { _fathers += column_Work.ColumnName + ":'" + r_Work[column_Work].ToString() + "',"; } _fathers = _fathers.Remove(_fathers.Length - 1, 1); _fathers += "},"; } if (_fathers == "") { return ""; } return _fathers = " [" + _fathers.Remove(_fathers.Length - 1, 1) + "]"; } else //第二次加载,加载子节点 { string _fathers = ""; DataSet dsStageTaskInfo = TIS.Get_StageTask(_id); foreach (DataRow r_StageTask in dsStageTaskInfo.Tables[0].Rows) { _fathers += "{leaf: true,"; foreach (DataColumn column_StageTask in dsStageTaskInfo.Tables[0].Columns) { _fathers += column_StageTask.ColumnName + ":'" + r_StageTask[column_StageTask].ToString() + "',"; } _fathers = _fathers.Remove(_fathers.Length - 1, 1); _fathers += "},"; } if (_fathers == "") { return ""; } return _fathers = " [" + _fathers.Remove(_fathers.Length - 1, 1) + "]"; } }
相关推荐
Ext.ux.tree.treegrid异步加载,点击节点加载数据
ext.ux.tree.treegrid,扩展分页功能
jquery.treegrid.min.js jquery.treegrid.min.jsjquery.treegrid.min.jsjquery.treegrid.min.js
7.5.5 ext.data.treestore加载数据的方法 / 354 7.5.6 store的配置项 / 358 7.5.7 store的分页 / 359 7.5.8 store的排序:ext.util.sorter与ext.util.sortable / 360 7.5.9 store的过滤:ext.util.filter / 363...
实现treegrid组件的(CRUD)读取、新增、修改、删除 //设置grid单元格处于编辑状态 selcell:function(arow,acol){ this.editingPlugin.startEditByPosition({row:arow,column:acol}); }, selcell2:function(node,...
扩展jquery.treegrid.extension.js,实现jquery-treegrid的懒加载,结合jquery.cookie.js来实现缓存,减缓页面大量数据加载
感谢 Ericzhen 远离颠倒梦想,蕴籍无上清凉 这里引用它的资源 仅作分享 http://www.cnblogs.com/Ericzhen/archive/2012/06/11/2545186.html
自己封装的bootstrap-treegrid.js来实现树形菜单
官方提供的treegrid的ex 我给大家贴出来看看吧: 代码如下: $(function(){ $(‘#tt’).treegrid({ url:’treegrid_data3.json’, onAfterEdit:function(row,changes){ alert(row.name); } }); }) 这个是页面...
jquery-treegrid 树形表格组件 最新的treegrid 版本 下载
boostrapTable Treegrid树表格,官网上有,但是资料都不全,亲测可用,一般用于菜单关系和权限设计的Table
基于Jquery的表格树插件,可自定义图标,支持各类js事件,支持打开、关闭所有节点等功能
NULL 博文链接:https://zhaozhi3758.iteye.com/blog/1399229
此为个人修改版本。初始版本为: https://blog.csdn.net/lhmyy521125/article/details/86528502 《DataTables TreeGrid 插件 可以快速实现树形表格》
jquery.min.js+jquery.treegrid.min.js 二、后端提供树状列表格式的集合数据,借助前端的DT的配置控制,来在页面上输出满足treegrid格式要求的html 前台: @using Model @{ Layout = null; UserInfo userInfo = ...
我是这样实现的 代码如下: var root = new Ext.tree.TreeNode({ text: ‘根节点’, expanded: true }); tree.setRootNode(root); var nodes = {}; nodes.children = mydata;/*TreeGrid的json数据[{……},{……}]*/ ...
Extjs中很好的一个插件,树状表格,结构合理,很好的掌握,对于新手来说,是不错的插件
treegrid动态加载tree级联更新下拉列表,保存让下拉列表显示名称,不是id,和动态计算数量乘以单价的和,和总合计,添加一列删除一列,撤回,保存的合计。
数据增加属性 state:closed, 即可默认收起,反之展开,需再展开时,将加载的data数据中的state属性变更,再重新执行 $('#tg').treegrid('loadData', data); 即可实现,亲测有效 无卡顿 注:无子项的请勿加state...