由Ext提供的treeGrid需要通过dataUrl或者loader去加载数据,可是如果数据为静态的,在页面上生成的,那就无法显示,为了解决这个问题,需要重写loader的几个方法,具体如下,
loader : new Ext.ux.tree.TreeGridLoader({
loadData: function (node, callback, scope) {
var o = obj.data; //真正的数据在这里
node.beginUpdate();
for(var i = 0, len = o.length; i < len; i++){
var n = this.createNode(o[i]);
if(n){
node.appendChild(n);
}
}
node.endUpdate();
this.runCallback(callback, scope || node, [node]);
},
handleFailure : function(response){
var a = response.argument;
this.loadData(a.node, a.callback, a.scope);
},
dataUrl : '${pageContext.request.contextPath}/treegrid.json'
})
效果如下
- 大小: 25.8 KB
分享到:
相关推荐
Ext.ux.tree.treegrid异步加载,点击节点加载数据
为什么不能设置O分,晕死,自己做的一个EXT Treegrid 分页的功能,代码全在里面,附带数据库部分
ext.ux.tree.treegrid,扩展分页功能
ext 可编辑treegrid组件 实用
SSH+Easyui之TreeGrid树形展现数据源码
数据增加属性 state:closed, 即可默认收起,反之展开,需再展开时,将加载的data数据中的state属性变更,再重新执行 $('#tg').treegrid('loadData', data); 即可实现,亲测有效 无卡顿 注:无子项的请勿加state...
很实用的treegrid,简介实用 动态载入子级节点
感谢 Ericzhen 远离颠倒梦想,蕴籍无上清凉 这里引用它的资源 仅作分享 http://www.cnblogs.com/Ericzhen/archive/2012/06/11/2545186.html
最近涉及到treegrid组件的查询,需要根据查询条件动态更新EasyUI的treegrid组件的动态加载查询结果
想要实现 TreeGrid的效果,打开官方例子却看不到效果,怎么办呢?.../*TreeGrid的json数据[{……},{……}]*/ function appendChild(node, o) { if (o.children != null && o.children.length > 0) { for
说明:treegrid中数据的关系: RoleType表: RoleTyptID RoleTypeName 1 系统管理 2 管理员 Role表: RoleID RoleTypeID RoleName RoleCode 1 1 系统管理员 AAA 2 2 数据库管理员 BBB 3 2 权限管理员 CCC...
实现treegrid组件的(CRUD)读取、新增、修改、删除 //设置grid单元格处于编辑状态 selcell:function(arow,acol){ this.editingPlugin.startEditByPosition({row:arow,column:acol}); }, selcell2:function(node,...
treegrid大数据优化,支持每个节点上秒显示上万条数据
Ext3_TreeGrid Ext树状表格
jqgrid加载本地数据并且分页例子,下载直接搭环境使用
NULL 博文链接:https://zhglhy.iteye.com/blog/1766581
treegrid动态加载tree级联更新下拉列表,保存让下拉列表显示名称,不是id,和动态计算数量乘以单价的和,和总合计,添加一列删除一列,撤回,保存的合计。
NULL 博文链接:https://bernoulli.iteye.com/blog/1885567
找了一下官方文档,看了EASYUI的异步加载,弄了我两三个小时,死活都不出数据