zoukankan      html  css  js  c++  java
  • easyui treegrid 动态展开数据(暂记)

     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',    
                             '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: '材料编号',  '40%', align: 'left' },
                                { field: 'FLMC', title: '材料分类', '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>
  • 相关阅读:
    GMA Round 1 数列求单项
    GMA Round 1 双曲线与面积
    多线程环境中安全使用集合API(含代码)
    使用synchronized获取互斥锁的几点说明
    ThreadPoolExecutor线程池
    线程状态转换
    volatile关键字
    守护线程与线程阻塞的四种情况
    线程挂起,恢复与终止
    线程中断
  • 原文地址:https://www.cnblogs.com/xiaoruilin/p/8195845.html
Copyright © 2011-2022 走看看