simplejf


通用树

<h3>1、通用树管理</h3> <p>很多页面的布局结构为左侧树形结构,右侧数据列表。因此左侧的通用树组件特别的必要。 此树组件完全兼容easyui的树。</p> <ul> <li>前端HTML</li> </ul> <pre><code class="language-html">&lt;div class="col-sm-2"&gt; &lt;div class="btn-group"&gt; &lt;button type="button" class="btn btn-white btn-sm btn-primary" onclick="$.tree.add()"&gt;添加&lt;/button&gt; &lt;button type="button" class="btn btn-white btn-sm btn-primary" onclick="$.tree.edit()"&gt;修改&lt;/button&gt; &lt;button type="button" class="btn btn-white btn-sm btn-primary" onclick="$.tree.delete()"&gt;删除&lt;/button&gt; &lt;/div&gt; &lt;div class="space-4"&gt;&lt;/div&gt; &lt;ul id="ey_tree"&gt;&lt;/ul&gt; &lt;/div&gt;</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">&lt;input id="cc_group" class="ftext"&gt;</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>

页面列表

ITEM_HTML