ClassifyAdminSynMsgSvr.GetCLFLList("<%=CurUTag %>", 1, "", function (ret) {
                    //console.log(ret);
                    //console.log(ret._Items);
                    var zhdata = ret._Items;
                    var fileds = "FLID,DEEP,FLMC";
                    //获取已转为符合treegrid的json的对象
                    var nodes = ConvertToTreeGridJson("FLID", "FLID", "DEEP", fileds);
                    //
                    $(ret._Items).each(function (i, o) {
                        $.extend(o, { children: []})
                    });
                    console.log(JSON2.stringify(nodes));
                    $('#ClassifyTree').treegrid({
                        data: ret._Items,
                        idField: 'FLID', 
                        treeField: 'FLID',    
                        width: '33%',
                        height: '500',
                        pagination: false, rownumbers: true, singleSelect: true,
                        toolbar: [{
                            iconCls: 'icon-edit',
                            text: '编辑',
                            handler: function () {
                                $("#dlg").dialog("open");  
                            }
                        }, {
                            iconCls: 'icon-add',
                            text: '增加',
                            handler: function () {
                                $("#dlg").dialog("open");
                            }
                        }, {
                            iconCls: 'icon-no',
                            text: '删除',
                            handler: function () { }
                        }],
                        loadFilter: myLoadFilter,
                        onClickRow: function (index, row) {
                            console.log(row);
                            //getGetFLMXList(row["FLID"]);
                            //GetFLPrtList(row["FLID"]);
                        },
                        columns: [[
                            { field: 'FLID', title: '材料编号', width: '40%', align: 'left' },
                            { field: 'FLMC', title: '材料分类', width:'50%', align: 'left' },
                        ]]
                    });
                });
function myLoadFilter(data, parentId) {
                function setData() {
                    var todo = [];
                    for (var i = 0; i < data.length; i++) {
                        todo.push(data[i]);
                    }
                    while (todo.length) {
                        var node = todo.shift();
                        if (node.children) {
                            node.state = 'closed';
                            node.children1 = node.children;
                            node.children = undefined;
                            todo = todo.concat(node.children1);
                        }
                    }
                }
                setData(data);
                var tg = $(this);
                var opts = tg.treegrid('options');
                opts.onBeforeExpand = function (row) {
                   var secondData= ClassifyAdminSynMsgSvr.GetCLFLList("<%=CurUTag %>", 2, row.FLID);

if (secondData && !row.children) {
                        tg.treegrid('append', {
                            parent: row[opts.idField],
                            data: secondData._Items
                        });
                        row.children1 = undefined;
                    }
                    return row.children1 == undefined;
                };
                return data;
            }
<link href="../../Scripts/jquery-easyui-1.5/themes/default/easyui.css" rel="stylesheet" />
    <link href="../../Scripts/jquery-easyui-1.5/themes/icon.css" rel="stylesheet" />
    <script src="../../Scripts/jquery.min.js"></script>
    <script src="../../Scripts/jquery-easyui-1.5/jquery.easyui.min.js"></script>
    <script src="../../Scripts/jquery-easyui-1.5/locale/easyui-lang-zh_CN.js"></script>

easyui treegrid 动态展开数据(暂记)的更多相关文章

  1. EasyUI TreeGrid DataTable转换数据实现案例

    C#部分 /// <summary> /// Handler1 的摘要说明 /// </summary> public class Handler1 : IHttpHandle ...

  2. 数据网格和树-EasyUI Datagrid 数据网格、EasyUI Propertygrid 属性网格、EasyUI Tree 树、EasyUI Treegrid 树形网格

    EasyUI Datagrid 数据网格 扩展自 $.fn.panel.defaults.通过 $.fn.datagrid.defaults 重写默认的 defaults. 数据网格(datagrid ...

  3. (转)jQuery EasyUI Tree - TreeGrid动态加载子节点

    有时我们已经得到充分的分层树形网格(TreeGrid)的数据. 我们还想让树形网格(TreeGrid)按层次惰性加载节点. 首先,只加载顶层节点. 然后点击节点的展开图标来加载它的子节点. 本教程展示 ...

  4. EasyUI datagrid动态加载json数据

    最近做一个项目,要求是两张张表可能查找出10多种不同的结果集. 如果想只用一个表格就把全部的结果不同的显示出来那么就肯定不同使用固定的字段名字,要通过动态加载后台返回来的数据把它显示出来就必须动态加载 ...

  5. 基于EasyUI Treegrid的权限管理资源列表

    1. 前言 最近在开发系统权限管理相关的功能,主要包含用户管理,资源管理,角色管理,组类别管理等小的模块.之前的Web开发中也用过jQueryEasyUI插件,感觉这款插件简单易用,上手很快.以前用到 ...

  6. easy-ui treegrid 实现分页 并且添加自定义checkbox

    首先第一点easy-ui  treegrid 对分页没有好的实现, 因为在分页的过程中是按照 根节点来分页的  后台只能先按照 根节点做分页查询  再将子节点关联进去, 这样才能将treegrid 按 ...

  7. jqGrid subGrid配置 如何首次加载动态展开所有的子表格

    有时候需求需要默认加载表格的时候把子表格的数据也显示出来,经过研究相关SubGrids API配置如下: 属性 类型 描述 默认值 subGrid boolean 设置为true启用子表格.如果启用子 ...

  8. Jquery easyui treegrid实现树形表格的行拖拽

    前几天修改了系统的一个功能——实现树形列列表的行拖拽,以达到排序的目的.现在基本上功能实现,现做一个简单的总结. 1.拿到这个直接网上搜,有好多,但是看了后都觉得不是太复杂就是些不是特别想看的例子,自 ...

  9. EasyUi TreeGrid封装

    礼物一:树型实体的抽象与封装 所谓树型实体,就是具有树型结构关系的实体,比如省.市.区.对于初学者,可能会创建三张表进行存储,有经验的开发者通过引入ParentId将设计简化为一张表,但是基于Pare ...

随机推荐

  1. swagger搭建(基于springBoot)详解

    前后端分离后,api接口文档的维护就成了一个让人头疼的问题,api接口更新慢,或因开发工作量大,没时间整理文档,导致前后端分离后前端同学和后端同 学都纠结于文档的问题.而swagger的出现,不亚于一 ...

  2. gcc下inline的一个问题

    今天发现一个问题,与inline有关,也与编译时候是不是优化有关. 大概问题可以用下面的代码来描述: 先写一个libtest1,代码如下 libtest1.h #ifndef LIBTEST_H #d ...

  3. CAS Maven

    https://wiki.jasig.org/display/CASUM/Best+Practice+-+Setting+Up+CAS+Locally+using+the+Maven2+WAR+Ove ...

  4. Volley 框架解析(二)--RequestQueue核心解读

    主要围绕RequestQueue进行解读,它的两个请求队列CacheQueue.NetworkQueue是如何调用的,第一条请求的执行过程及如何处理重复请求?对RequestQueue及相关的类进行详 ...

  5. C#:CeF遇到的问题

    2.CSharp与JS交互问题: 1)在 继承CefRenderProcessHandler的子类中重载OnWebKitInitialized()函数,注册JS类 2)在 继承CefApp的子类中创建 ...

  6. A Tale of Three Apache Spark APIs: RDDs, DataFrames, and Datasets(中英双语)

    文章标题 A Tale of Three Apache Spark APIs: RDDs, DataFrames, and Datasets 且谈Apache Spark的API三剑客:RDD.Dat ...

  7. 搭建一个免费的,无限流量的Blog----github Pages和Jekyll入门[zz]

    喜欢写Blog的人,会经历三个阶段. 第一阶段,刚接触Blog,觉得很新鲜,试着选择一个免费空间来写. 第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客. 第三阶段,觉得独立博客的管 ...

  8. Lambert漫反射的BRDF

    Lambert漫反射brdf=Albedo/pi. 推导: 如图,设Lambert面元获得入射照度Ei,各方向均匀释放亮度,每个方向释放的亮度都是Lo. 又设此表面反射率为Albedo,根据反射率定义 ...

  9. RGMII_PHY测试笔记1 基于开发板MiS603-X25

    RGMII_PHY测试笔记1 基于开发板MiS603-X25 作者:汤金元 日期:20150817 公司:南京米联电子科技有限公司 博客:http://blog.chinaaet.com/detail ...

  10. python工具 - 从文件名读取特定信息到excel表格

    情景:文件名中包含学号和用户名,其中用户名在前学好在后,学号为2位,如harry33.txt.natasha12.txt. 要求:将多个文件名中的用户名与学号分开并保存到excle中. 代码部分: i ...