$('#material').treegrid({
nowrap: false,
rownumbers: true,
animate:true,
collapsible:true,
loadMsg:'数据加载中请稍后……',
url:'<c:url value="/jxc/sysinfo/loadMaterialTree.jsps"/>',
idField:'matCode',
treeField:'matCode',
frozenColumns:[[
{title:'料号',field:'matCode',width:180}
]],
columns:[[
{field:'matType',title:'产品类型',width:120},
{field:'matShow',title:'产品名称',width:120},
{field:'matStandard',title:'产品规格',width:120},
{field:'matProperties',title:'产品属性',width:120}
]],
onBeforeLoad:function(row,param){
// 此处就是异步加载地所在
if (row){
$(this).treegrid('options').url = '<c:url value="/jxc/sysinfo/loadMaterialTree.jsps"/>?matParentId='+row.matId;
} else {
$(this).treegrid('options').url = '<c:url value="/jxc/sysinfo/loadMaterialTree.jsps?matName="/>';
}
},
onClickRow:function(){
/**
** 如果是新建或者修改,以及删除,则清除查询form表单数据
**/
$('#materialSearch').form('clear');
}
});
<table id="material"></table>
以及树的异步添加、删除、刷新等
请参考: http://jquery-easyui.wikidot.com/document:treegrid
分享到:
相关推荐
找了一下官方文档,看了EASYUI的异步加载,弄了我两三个小时,死活都不出数据
数据增加属性 state:closed, 即可默认收起,反之展开,需再展开时,将加载的data数据中的state属性变更,再重新执行 $('#tg').treegrid('loadData', data); 即可实现,亲测有效 无卡顿 注:无子项的请勿加state...
使用递归方式的easyUI Servlet 异步加载树
jquery easyui treegrid demo 详解 增删改查 用IE打开,并选择允许
所有层关键源代码,附图于附件没有任何问题 最关键的是json table 拼接为前台需要的格式,显示列动态以逗号分开
编写js方法,将一般的json格式数据转为easyui treegrid使用的json格式 ............
最近涉及到treegrid组件的查询,需要根据查询条件动态更新EasyUI的treegrid组件的动态加载查询结果
jquery easyui treegrid 拖拽demo
SSH+Easyui之TreeGrid树形展现数据源码
对于jquery-easyui的combotree 异步树,使用上其实并不会太复杂,但是要搞明白还是比较麻烦的,本代码基本上把异步树的生成和使用都做了示例,JSP部分基本上直接拿来用即可。同时增加了实例代码和修正了上一个上传的...
MVC+EasyUITreeGrid懒加载示例,主要对EasyUI中TreeGrid组件的使用进行演示。对于正在学此组件的童鞋,不防花个几分钟看一下。本文主要演示:TreeGrid的简单应用、懒加载方法、控件数据格式。
包含功能: 注册、登录,显示datagride表格 异步生成树节点,动态获取树节点
EasyUI实现异步加载tree(整合Struts2) 博文参考地址:http://blog.csdn.net/itmyhome1990/article/details/38818449
easyui 异步树, 异步加载树结构。 combotree树结构, treegrid树结构
本篇文章主要介绍解析jquery easyui tree异步加载子节点问题,easyui中的树可以从标记中建立,也可以通过指定一个URL属性读取数据建立,有兴趣的可以了解一下。
JQUERY EASYUI 异步树
本代码在EasyUI官网原treegrid拖放demo的基础上进行详尽的注释,并加以改动,如今可以实现两个treegrid之间互相拖放,本代码分别可以进行“剪切”和“复制”的功能,当前使用的是“剪切”功能,可通过改变treegrid-...
easyui treegrid 优化,包括 以新背景色标识鼠标所指行
下载easyui后使用其中的css和js,从一个treegrid树形网格资源 往另一个空的树形网格拖放数据,支持添加子节点、删除、编辑、保存、取消编辑、刷新、更新数据等功能