jQuery MiniUI

标题: tree根节点 [打印本页]

作者: q123126    时间: 2014-3-12 15:01:27     标题: tree根节点

tree只有2层,在第一层下面,列出所有数据,但是第一层我没有实际的数据,也不想在后台多加一条不存在的根节点数据,我的想法是,在html里面先硬编码出根节点,然后往这个根节点下面加子节点,我看了在线实例,要么都是纯html,要么都是js,有没有两者结合的例子。

作者: felt    时间: 2014-3-12 15:14:26

<div id="tree1" class="mini-tree"></div>
var tree=mini.get("tree1");
var rootNode=tree.getRootNode();
tree.addNodes(nodes,rootNode)
作者: q123126    时间: 2014-3-12 15:17:28

本帖最后由 q123126 于 2014-3-12 15:21 编辑
felt 发表于 2014-3-12 15:14
var tree=mini.get("tree1");
var rootNode=tree.getRootNode();
tree.addNodes(nodes,rootNode)

这样是全部加子节点模式吧,我是想有一个根节点,比如:

所有人员
    人员1
    人员2
    人员3
这样在没有数据的时候,也不至于tree完全空白。tree可以用div做吗,我以为只能用ul做?
作者: felt    时间: 2014-3-12 15:29:36

q123126 发表于 2014-3-12 15:17
这样是全部加子节点模式吧,我是想有一个根节点,比如:

所有人员
  1. <ul id="tree1" class="mini-tree">
  2.    <li value="all">所有人员
  3.    </li>
  4. </ul>
  5. var pnode=tree.getNode("all")
复制代码

作者: q123126    时间: 2014-3-12 15:49:57

                    <ul id="tree1" class="mini-tree" style="width:100%;height:100%;" nodeclick="getSelectedNode"
                        showTreeIcon="false" textField="vip_name" idField="vip_no" expandOnNodeClick="true" expandOnLoad="true">
                        <li value="all">所有会员</li>
                    </ul>

    var tree = mini.get("tree1");
    var pnode = tree.getNode("all");
    var newNode = [{ vip_no: '1', vip_name: '我是一颗小小的石头' }, { vip_no: '2', vip_name: '我是一颗小小的石头'}];
    tree.addNodes(newNode, pnode);

function getSelectedNode() {
    var tree = mini.get("tree1");
    alert(tree);
    var node = tree.getSelectedNode();
    if (node) {
        alert(node.text);
    } else {
        alert("请选中节点");
    }
}

这样写不会触发nodeclick事件。nodeselect事件也不会触发。
作者: felt    时间: 2014-3-12 15:52:56

q123126 发表于 2014-3-12 15:49
所有会员
                    

MiniUI的事件都需要加上on
onnodeclick




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