jQuery MiniUI

 找回密码
 立即注册
查看: 3606|回复: 7
打印 上一主题 下一主题

Tree大数据量:10000 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2015-9-17 12:01:14 |只看该作者 |倒序浏览
新手上路  我这个怎么赋值呢 请解释

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width" />
    <title>tree</title>


    <link href="~/MiniUis/demo.css" rel="stylesheet" />
    <script src="~/MiniUis/scripts/boot.js"></script>
</head>
<body>
    <h4>Tree大数据量:10000</h4>
    <div id="treegrid1" class="mini-treegrid" style="width:100%;height:350px;"
         showtreeicon="true" url="/home/show"
         treecolumn="taskname" idfield="id" parentfield="ParentTaskUID" resultastree="false">


        <div property="columns">
            <div type="indexcolumn"></div>
            <div name="taskname" field="name" width="200">任务名称</div>
            <div field="name" width="100">用户名</div>
            <div field="pwd" width="100">密码</div>
            <div field="id" width="100">id</div>

        </div>
    </div>
</body>
</html>
<script type="text/javascript">
    //    var sss = new Date();
    //    window.onload = function () {
    //        setTimeout(function () {
    //            alert(new Date() - sss);
    //        }, 1);
    //    };

    mini.parse();
   
    //造10000个节点:4个层级,每层级10节点
    function createTreeData() {
        var index = 0;
        function create(pid, level) {
            var data = [];
            for (var i = 0, l = 10; i < l; i++) {
                var o = {};
                index++;

                var o = {
                    "UID": index,
                    "ParentTaskUID": pid,
                    "Name":name,
                    "Duration": 5,
                    "Start": "2007-01-01",
                    "Finish": "2007-01-05",
                    "PercentComplete": 0,
                    "Summary": 1,
                    "Critical": 0,
                    "Milestone": 0,
                    "PredecessorLink": []
                };

                if (level > 0) {
                    o.children = create(o.UID, level - 1);
                }

                data.push(o);
            }
            return data;
        }
        var data = create("", 3);
        return data;
    }

    var data = createTreeData();
    var tree = mini.get("treegrid1");

    tree.setData(data);
   
    alert(data);
    alert(tree);
</script>



  public string   show()
        {
            string key = Request["key"];
            string where = "";
            if(key != null)    //条件查询
            {
                where = "name like '%" + key + "%'";
            }
        
                List<model.Class1> li = sql.GetListModel<model.Class1>("Class1", "*", where);
                string json = sql.ListToJsonString<model.Class1>(li);  //转换json字符串

                int count = li.Count();
                //转依字符串     miniui传回去的数据只支持data不支持rows
                json = "{\"total\":" + count + ",\"data\":" + json + "}";
                return json;
        }


Rank: 8Rank: 8

沙发
发表于 2015-9-17 12:10:56 |只看该作者
treegrid标签上加dataField="data"

Rank: 2

板凳
发表于 2015-9-18 09:44:02 |只看该作者
dforce 发表于 2015-9-17 12:10
treegrid标签上加dataField="data"

还是没有

Rank: 8Rank: 8

地板
发表于 2015-9-18 10:25:15 |只看该作者
孙斌 发表于 2015-9-18 09:44
还是没有

你的贴代码什么意思
js代码看是抄的我们示例的加载静态模拟数据,标签里面加了url又是什么意思
还有后台代码

Rank: 2

5#
发表于 2015-9-18 10:36:18 |只看该作者
felt 发表于 2015-9-18 10:25
你的贴代码什么意思
js代码看是抄的我们示例的加载静态模拟数据,标签里面加了url又是什么意思
还有后台 ...

就这么说吧  如果我不用你们的js  我是数据已经显示出来的。但是我做出你们那样的效果 所以就用了你们的数据 ,但是我用上js后 我的数据绑定不上   js后的格式了

Rank: 8Rank: 8

6#
发表于 2015-9-18 10:46:22 |只看该作者
孙斌 发表于 2015-9-18 10:36
就这么说吧  如果我不用你们的js  我是数据已经显示出来的。但是我做出你们那样的效果 所以就用了你们的 ...

你既然已经有数据了,就不要用我们示例里那个静态赋值方法
看你返回的数据是什么结构
可以是树形或者列表
树形 [{id:"",children:[{},{},{}]},{id:""}]   有children字段表示父子节点关系
列表[{id:""},{id:"",pid:""}] 有id和pid对应关系来表示父子节点关系
标签中有属性resultAsTree="true/false"来对应
另外treegrid还有一个treecolumn,对应显示层级结构的列,该列设置name=""

Rank: 2

7#
发表于 2015-9-18 10:57:37 |只看该作者
felt 发表于 2015-9-18 10:46
你既然已经有数据了,就不要用我们示例里那个静态赋值方法
看你返回的数据是什么结构
可以是树形或者列表 ...

恩恩  树状图那个我已经做出来了  树状图不是还要设置他的父节点吗   那样的话不就是死的了吗? 我想做出的是没有父节点 就像你们一样数据到了一定的量他会自动分出来,前面有数据删除后面的就会跟上,每个节点下马面的数量不变,虽然他们看着有父子节点之分,但是他们并列的关系

Rank: 8Rank: 8

8#
发表于 2015-9-18 11:07:49 |只看该作者
孙斌 发表于 2015-9-18 10:57
恩恩  树状图那个我已经做出来了  树状图不是还要设置他的父节点吗   那样的话不就是死的了吗? 我想做出 ...

看不明白你说的
我们的控件根据你提供的数据来显示结构

Archiver|普加软件

GMT+8, 2024-11-25 02:24 , Processed in 1.044168 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部