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. 在Linux平台上搭建EasyDarwin,编译代码并简单部署

    測试环境: Ubuntu gcc / g++ 从https://github.com/EasyDarwin/EasyDarwin下载代码 1.编译 第一步:进入源码文件夹下 cd ./EasyDarw ...

  2. 逼格高又实用的Linux高级命令,开发运维都要懂!

    在运维的坑里摸爬滚打好几年了,我还记得我刚开始的时候,我只会使用一些简单的命令,写脚本的时候,也是要多简单有多简单,所以有时候写出来的脚本又长又臭. 像一些高级点的命令,比如说 Xargs 命令.管道 ...

  3. swift常用第三方库

    网络 Alamofire:http网络请求事件处理的框架. Moya:这是一个基于Alamofire的更高层网络请求封装抽象层. Reachability.swift:用来检查应用当前的网络连接状况. ...

  4. JavaBean之lombok

    参见:https://www.ibm.com/developerworks/cn/opensource/os-lombok/ http://blog.didispace.com/java-lombok ...

  5. 目标检测比赛---Google AI Open Images - Object Detection Track

    https://www.kaggle.com/c/google-ai-open-images-object-detection-track#Evaluation Submissions are eva ...

  6. Spring Boot 2.0 返回JSP页面实战

    1. 模板引擎JSP的限制 在开始之前呢,我觉得我们有必要先去了解下 Spring Boot 2.0 官方文档中提到的如下内容: 模板引擎 除了REST Web服务之外,还可以使用Spring MVC ...

  7. numpy数组(5)-二维数组的轴

    numpy的mean(),std()等方法是作用于整个numpy数组的,如果是二维数组的话,也是整个数组,包括所有行和列,但我们经常需要它仅作用于行或者列,而不是整个二维数组,这个时候,可以定义轴ax ...

  8. linux每日命令(13):more命令

    more命令,功能类似 cat ,cat命令是整个文件的内容从上到下显示在屏幕上. more会以一页一页的显示方便使用者逐页阅读,而最基本的指令就是按空白键(space)就往下一页显示,按 b 键就会 ...

  9. Linux 常用命令随笔(二)

    Linux 常用命令随笔(二) 1.RPM RPM是RedHat Package Manager(RedHat软件包管理工具) 1.1.安装软件包 rpm -ivh ***.rpm 其中i表示安装,v ...

  10. Geany的"跳转到标记定义“功能如何使用

    Geany是个比较轻量级的代码编辑器,在一些不怎么需要编辑的代码上,我比较常用它来浏览代码.不过它的 跳转到标记定义(Go to tag definition) 功能有点奇怪,一开始死活不知道怎么用, ...