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
这样是全部加子节点模式吧，我是想有一个根节点，比如：

所有人员

<ul id="tree1" class="mini-tree">
<li value="all">所有人员
</li>
</ul>
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/)