tree根节点

q123126

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

felt

<div id="tree1" class="mini-tree"></div>
var tree=mini.get("tree1");
var rootNode=tree.getRootNode();
tree.addNodes(nodes,rootNode)

q123126

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

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

                    <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

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

MiniUI的事件都需要加上on
onnodeclick