jQuery MiniUI

标题: treegrid的lazy加载模式难道一定要指定url？？？？ [打印本页]
作者: jie758    时间: 2013-12-9 15:09:14     标题: treegrid的lazy加载模式难道一定要指定url？？？？

treegrid的lazy加载模式难道一定要指定url吗？

因为我的服务端返回的数据并不是json格式，所以无法直接指定url来直接加载。

目前的方法是：
1、通过ajax到后台查询出顶层菜单数据，然后组装成有效的array，用treegrid.loadList来添加

2、当第一次展开一个父菜单node的时候，我需要能捕获到这个事件，然后按照步骤1的方式也通过ajax到后台去查询对应的子菜单数据，然后组装成有效的array，用treegrid.loadList来添加。

但是步骤2总是会报“json is error”，搞的很郁闷。

请大神指点啊！谢谢！
作者: felt    时间: 2013-12-9 15:21:50

把treegrid.load()方法全去掉
作者: jie758    时间: 2013-12-9 15:28:46

felt 发表于 2013-12-9 15:21
把treegrid.load()方法全去掉

大哥，怎么去呢？小弟刚入门，不是很懂，求指教
作者: felt    时间: 2013-12-9 15:49:37

jie758 发表于 2013-12-9 15:28
大哥，怎么去呢？小弟刚入门，不是很懂，求指教

loadList ( Array, idField, parentField )
你调用loadlist方法的数据格式，需要数组
http://www.miniui.com/demo/index.html#src=tree/createtree.html
参考这个demo里数据格式
另外：用loadList方法的话不要调用load方法，这个用来加载Url数据的
作者: jie758    时间: 2013-12-9 16:24:28

felt 发表于 2013-12-9 15:49
loadList ( Array, idField, parentField )
你调用loadlist方法的数据格式，需要数组
http://www.miniui. ...

哥，我就下面简单的代码，其他我啥都没干，也没有调load方法，也没有设置url，其中lists节点的isLeaf=false表示是目录节点，点击展开的时候就报“json is error”
var treegrid = mini.get(“treegrid”);
var list = [
                                                { id: "base", text: "Base" },            
                                                { id: "forms", text: "Forms", pid: "base" },
                                            { id: "lists", text: "Lists",isLeaf:false }
                                        ];
treegrid.loadList(list);
作者: felt    时间: 2013-12-9 16:41:21

把html页面打包上来，我们看下。
我用你的数据跑没问题
作者: jie758    时间: 2013-12-9 17:26:29

felt 发表于 2013-12-9 16:41
把html页面打包上来，我们看下。
我用你的数据跑没问题

用的是V3.2
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.     <title>Test</title>
  6.     <meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link href="../demo.css" rel="stylesheet" type="text/css" />
  7.     <script src="boot.js" type="text/javascript"></script>
  8.     <style type="text/css">
  9.     </style>   
  10. </head>
  11. <body >   

  13. <div id="leftTree" class="mini-treegrid" onitemselect="onItemSelect"
  14.             idField="id" parentField="pid" textField="text" borderStyle="border:0" showTreeIcon="true"
  15.                                 treeColumn="name"
  16.         >
  17.         <div property="columns">
  18.                 <div type="indexcolumn"></div>
  19.                 <div name="name" field="name" width="200">任务名称</div>
  20.         </div>
  21.         
  22. </div>
  23.    
  24.     <script type="text/javascript">
  25.         mini.parse();
  26.         /////////////////////////////////////////////
  27.         var data = [
  28.                 { id: "user", text: "用户管理", iconCls: "icon-add" },
  29.                 { id: "addUser", pid: "user", text: "增加用户", iconCls: "icon-add", url: "../datagrid/celledit.html" },
  30.                 { id: "editUser", pid: "user", text: "修改用户", iconCls: "icon-edit", url: "../datagrid/rowedit.html" },
  31.                 { id: "removeUser", pid: "user", text: "删除用户", iconCls: "icon-remove", url: "../datagrid/datagrid.html" },

  33.                 { id: "right", text: "权限管理" ,isLeaf:false}
  34.         ];
  35.         var tree = mini.get("leftTree");
  36.         tree.loadList(data, "id", "pid");
  37.     </script>

  39. </body>
  40. </html>
复制代码
作者: lost    时间: 2013-12-9 17:32:54

本帖最后由 lost 于 2013-12-9 17:38 编辑
jie758 发表于 2013-12-9 17:26
用的是V3.2

我们看下
作者: lost    时间: 2013-12-10 10:04:52

本帖最后由 lost 于 2013-12-10 10:27 编辑
jie758 发表于 2013-12-9 17:26
用的是V3.2

你在isLeaft:false后面加个asyncLoad: false，点击后就不会报错



欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2