通用树
<h3>1、通用树管理</h3>
<p>很多页面的布局结构为左侧树形结构,右侧数据列表。因此左侧的通用树组件特别的必要。
此树组件完全兼容easyui的树。</p>
<ul>
<li>前端HTML</li>
</ul>
<pre><code class="language-html"><div class="col-sm-2">
<div class="btn-group">
<button type="button" class="btn btn-white btn-sm btn-primary" onclick="$.tree.add()">添加</button>
<button type="button" class="btn btn-white btn-sm btn-primary" onclick="$.tree.edit()">修改</button>
<button type="button" class="btn btn-white btn-sm btn-primary" onclick="$.tree.delete()">删除</button>
</div>
<div class="space-4"></div>
<ul id="ey_tree"></ul>
</div></code></pre>
<ul>
<li>JavaScript</li>
</ul>
<p>说明:树的onDblClick事件默认写入为 树节点的 展开与合并。</p>
<pre><code class="language-javascript">/*
例子:
$.tree.init({
rootName:"任务管理",
treeType:"taskparam",
onClick:function(node){
}
});
*/
$.tree.init({
treeId:"ey_tree", // 树形结构使用的dom元素id,默认为 ey_tree
rootName:"任务管理", // 页面展示树形的根节点,必填项
treeType:"taskparam", // 树形结构的唯一类型,必填项
rootId:"0", // 树形结构根节点id,非必填,默认为0
addUrl:path + "/tree/add?tree_type="+options.treeType, // 添加树形结构的页面URL,非必选
saveUrl:path + "/tree/save", // 添加页面点击保存按钮URL,非必选
editUrl:path + "/tree/edit/{id}", // 修改树结构的页面URL,非必选
updateUrl:path + "/tree/update", // 修改页面点击修改按钮URL,非必选
deleteUrl:path + "/tree/delete", // 删除树形结构的URL,非必选
formId:"ff", // 添加或者修改弹出框中的formid,默认为ff,非必填
onClick:function(node){ // 点击某个节点的node
}
}); </code></pre>
<h3>2、下拉通用树</h3>
<ul>
<li>前端HTML</li>
</ul>
<pre><code class="language-HTML"><input id="cc_group" class="ftext"></code></pre>
<ul>
<li>JavaScript</li>
</ul>
<p>完全和通用树管理中配置一致。</p>
<pre><code class="language-javascript">$.tree.combotree({
treeId:"cc_group", // 此属性换成下拉树形结构的dom元素id
rootName:"任务管理",
treeType:"taskparam"
});</code></pre>