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>
  • 相关阅读:
    安卓学习第三课——常见布局
    安卓学习第二课——短信发送器
    POJ3735【矩阵快速幂】
    Intel Code Challenge Final Round (Div. 1 + Div. 2, Combined)【A,B,C,D】
    POJ3737【数学】
    HDU2489【状压枚举】
    POJ3734【状压枚举】
    HDU1598【最小生成树拓展】
    HDU1597【二分瞎搞】
    HDU3279【水】
  • 原文地址:https://www.cnblogs.com/xiaoruilin/p/8195845.html
Copyright © 2011-2022 走看看