easyui treegrid逐步加载

$("#bomStructureTable").treegrid({
    url : "systemcontroller?id=10007",//首次查询路径
    queryParams:{"bomid":"${bomid}"},//首次查询参数
    columns : [ [{
        field : "name",
        title : "名称",
        width : 300
    } ] ],
    onBeforeExpand:function(row){
        //动态设置展开查询的url
        var url = "systemcontroller?id=10007&treeid="+row.treeid;
        $("#bomStructureTable").treegrid("options").url = url;
        return true;
    }
});

说明:

生成的json对象中必须包含state属性值为“closed”/“open”,

closed:表示有子节点。

open:表示没有子节点。

时间: 2024-12-29 09:19:42

easyui treegrid逐步加载的相关文章

[Asp.NET MVC+EasyUI] TreeGrid全部加载及懒加载示例

本篇文主要对EasyUI中TreeGrid组件的使用进行演示.对于正在学此组件的童鞋,不防花个几分钟看一下.本文主要演示:TreeGrid的简单应用.懒加载方法.控件数据格式. TreeGrid组件是由DataGrid集成而来,可以使行与行之间存在父子关系,是一种树形网格组件. 1. 创建简单示例 通过post方式调用后端数据,将数据展示到前端,具体代码如下: 1.1 前端代码 <html xmlns="http://www.w3.org/1999/xhtml"> <

03 jquery easyui 之 easyLoader 加载器

EasyLoader 是可以加载CSS样式.脚本.动态加载easyui组件.需要使用到easyloader.js,就不使用jquery.easyui.min.js 加载 EasyUI 模块 easyloader.base = '../'; // 设置 easyui 的基本目录 easyloader.load('messager', function(){ // 加载指定的模块         $.messager.alert('Title', 'load ok'); }); 通过相对 url 加

easyui的tab加载页面中的form重复提交

http://blog.csdn.net/fxz1982/article/details/8987769 Easyui中的tabs组件以href方式加载目标页面,如果目标页面中有dialog或者window这类的easyui组件中放了form.那么在关闭这个tab再次打开.如果进行form提交操作,后台就会收到两次提交请求,再次重复以上操作会收到3次提交请求,如果将表单serialize()后以jquery的post提交服务器将收到值全是数组方式组织的. 经分析发现,Easyui的tab加载页面

EasyUI的window加载的页面不执行js问题说明

http://364434006.iteye.com/blog/1671907 —————————————————————————————————————————————————————————————————————— 解决方案:将被加载页面中的body标签删掉. 说明:window.dialog.tab都是panel,加载内容的方式都有硬编码和通过url来加载外部html片段,这里html片段就是body标签里面的代码. 详细参见: http://easyui.btboys.com/post

(一)jQuery EasyUI 的EasyLoader加载原理

1.第一次看了官网的demo,引用的是EasyLoader.js文件,而不是引用jquery.easyui.min.js文件,我就有疑问了,百度一下. jQuery EasyUI是一款基于JQuery的UI快速搭建组件.EasyLoader是可以动态加载脚本和CSS文件,也可以动态加载EasyUI已有组件,需要引用EasyLoader.js文件,注意:这里就不需要引用jquery.easyui.min.js文件了. 比如需要加载linkbutton组件,则可以用下面的两种方式来加载: 第一种通过

EasyUI实现异步加载tree(整合Struts2)

首先jsp页面有一ul用于展现Tree <ul id="mytree"></ul> 加载Tree <script type="text/javascript"> $('#mytree').tree({ url:'treeLoad.action' }); </script> 配置Action <struts> <package name="tree_json" extends=&qu

easyui dialog远程加载内容完成后,进行对话内容(表单)初始化

通过查看easyui的帮助文档,dialog继承于window,window继承于panel,panel中有个onLoad事件,也就是当远程数据加载完成后,触发此事件.因此只要在此事件中对对话框中的内容进行初始化就可以了. var $addEvent = $("#addEvent"); // 初始化对话框 $addEvent.dialog({ title: '新增待办工作', width: 400, height: 250, closed: false, cache: false, h

MiniUI treeGrid 动态加载数据与静态加载数据的区别

说明:treegrid静态数据加载时数据结构是一棵树包含children节点集合,而采用动态加载数据时数据是List结构的具体项. 静态加载数据 test1.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="ht

jquery easyui datagrid 动态 加载列

实现方式: 首先根据输入的sql语句获得相关的列名称返回给前台,然后在datagrid中动态加载列,接着根据查询条件(包括sql语句)获取相关的记录返回给前台用于填充datagrid.从而实现类似oracle web版的sql查询. 前台主要js为: Js代码   function sqlSearch(){ var sqlStatement = $.trim($("#sqlStatementId").val()); if(sqlStatement == null || sqlState