动态加载左侧导航栏

Lchangegzl

miniUI给出的菜单导航栏的加载方式都是写在txt文件里面的，然后页面写class和url调用，如下：

<div id="leftTree" class="mini-outlookmenu" url="../data/outlookmenu.txt" onitemselect="onItemSelect"

这样确实可以方便的加载主菜单导航，但是如果涉及到比较详细的权限限制，用txt去加载就比较麻烦了，我之前有尝试过导航数据写在js里面，然后获取div对象，setData去赋值，但是一直没成功过，望各位大侠给出详细代码或者例子，非常感谢！！

felt

load ( Array )  //加载树形数据
loadList ( Array, idField, parentField )  //加载列表数据
http://www.miniui.com/docs/api/index.html#ui=outlooktree
API都有写的

Lchangegzl

felt 发表于 2014-3-13 15:15
load ( Array )  //加载树形数据
loadList ( Array, idField, parentField )  //加载列表数据
http://www.m ...

那么这个Array的格式是什么？和txt里面的格式一样？

felt

Lchangegzl 发表于 2014-3-13 15:56
那么这个Array的格式是什么？和txt里面的格式一样？

数组，你把txt里的数据拷出来，用loadList ( Array, idField, parentField ) 试一下

Lchangegzl

felt 发表于 2014-3-13 15:58
数组，你把txt里的数据拷出来，用loadList ( Array, idField, parentField ) 试一下

            var tree = mini.get("leftTree");
            var arr = new Array();
第一种情况：
            arr[0] = '{id: "pay", text: "aaaa"},{id: "addmark", pid: "pay", text: "bbbb"}';
第二种情况：
            arr[0] = 'id: "pay", text: "aaaa"';
            arr[0] = 'id: "addmark", pid: "pay", text: "bbbb"';
            
            tree.loadList(arr,"id","pid");
难道是我愚钝！！怎么试都不正确

felt

Lchangegzl 发表于 2014-3-13 16:32
var tree = mini.get("leftTree");
            var arr = new Array();
第一种情况：

data=[{},{},{}]
你把试用包里outlookdemo的数据demo/data/outlooktree.txt拷出来不就是了
var data=你拷出来的数据
tree.loadList(data,"id","pid")

var arr = new Array();
arr[0] = {id: "pay", text: "aaaa"}
arr[1]={id: "addmark", pid: "pay", text: "bbbb"};
var tree = mini.get("leftTree");
tree.loadList(arr,"id","pid")
这样就可以了