jQuery MiniUI

标题: Tree大数据量：10000 [打印本页]

作者: 孙斌 时间: 2015-9-17 12:01:14 标题: Tree大数据量：10000

新手上路  我这个怎么赋值呢请解释

<!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;
      }

作者: dforce 时间: 2015-9-17 12:10:56

treegrid标签上加dataField="data"

作者: 孙斌 时间: 2015-9-18 09:44:02

dforce 发表于 2015-9-17 12:10
treegrid标签上加dataField="data"

还是没有

作者: felt 时间: 2015-9-18 10:25:15

孙斌发表于 2015-9-18 09:44
还是没有

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

作者: 孙斌 时间: 2015-9-18 10:36:18

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

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

作者: felt 时间: 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=""

作者: 孙斌 时间: 2015-9-18 10:57:37

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

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

作者: felt 时间: 2015-9-18 11:07:49

孙斌发表于 2015-9-18 10:57
恩恩树状图那个我已经做出来了树状图不是还要设置他的父节点吗那样的话不就是死的了吗？我想做出 ...

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

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)