jQuery MiniUI

标题: 动态加载左侧导航栏 [打印本页]

作者: Lchangegzl 时间: 2014-3-13 15:09:45 标题: 动态加载左侧导航栏

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

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

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

作者: felt 时间: 2014-3-13 15:15:04

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

作者: Lchangegzl 时间: 2014-3-13 15:56:21

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

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

作者: felt 时间: 2014-3-13 15:58:06

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

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

作者: Lchangegzl 时间: 2014-3-13 16:32:15

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 时间: 2014-3-13 16:38:52

本帖最后由 felt 于 2014-3-13 16:41 编辑

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")
这样就可以了

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