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. 解决 Firefox 下载文件名乱码扩展 ReDisposition

    作者 muzuiget  发布 2013-03-13 19:23  标签 redisposition Firefox 下载文件名乱码问题由来已久,偶然一两次还可以手动改名,批量下载时简直要亲命,最终我 ...

  2. SNF开发平台WinForm之十五-时间轴控件使用-SNF快速开发平台3.3-Spring.Net.Framework

    一.显示效果如下: 二.在控件库里选择UCTimeAxis 拖拽到窗体里. 三.加入以下代码,在load事件里进行调用就可以运行了. #region 给时间轴控件加载数据 private void U ...

  3. Intro to Jedis – the Java Redis Client Library

    转自:http://www.baeldung.com/jedis-java-redis-client-library 1. Overview This article is an introducti ...

  4. mysql8.0.11修改root密码,其他创建用户和删除用户

    1.7. 查询用户密码: 查询用户密码命令:mysql> select host,user,authentication_string from mysql.user; host: 允许用户登录 ...

  5. MySQL 清除从库同步信息

    实际的业务生产系统中,mysql从库有时候会根据实际需求变更为主库,这时候我们需要清除掉从库配置的主从信息登录从库执行以下命令:mysql> stop slave;mysql> reset ...

  6. struts2:OGNL表达式,遍历List、Map集合;投影的使用

    OGNL是Object-Graph Navigation Language的缩写,它是一种功能强大的表达式语言(Expression Language,简称为EL),通过它简单一致的表达式语法,可以存 ...

  7. vue环境配置脚手架环境搭建vue工程目录

    首先在初始化一个vue项目之前,我们需要下载node.js,并且安装! 下载地址: nodejs.cn/download 安装完成之后,windows+r 运行命令 cmd  输入node -v  检 ...

  8. TestNG源代码分析:依赖管理的实现

    TestNG源代码分析:依赖管理的实现 2018-03-19 1 背景 当case之间有依赖关系,有依赖关系的case,它们的执行顺序是有限制的.TestNG提供了依赖管理功能 2 基础理论 这个执行 ...

  9. django 自定义数据校验

    http://stackoverflow.com/questions/16231183/django-how-to-override-clean-method-in-a-subclass-of-cus ...

  10. 【30集iCore3_ADP出厂源代码(ARM部分)讲解视频】30-10底层驱动之I2C

    视频简介:该视频介绍iCore3应用开发平台中I2C通信的实现方法. 源视频包下载地址:链接:http://pan.baidu.com/s/1dF5Ssbn 密码:czw8 银杏科技优酷视频发布区:h ...