树视图
<h2>树视图</h2>
<p>典型的树视图长这样(可编辑树)：
<img src="http://h.bblocks.cn/ui/images/template/single_tree.png" alt="树视图" /></p>
<p>组成部分：</p>
<ul>
<li>查询表单</li>
<li>功能按钮</li>
<li>tabletree部分</li>
</ul>
<p>操作步骤如下：</p>
<ol>
<li>选择一个菜单目录节点，点击“<strong>新增功能</strong>”（都配置在菜单“第一次视图菜单” 下）</li>
<li><strong>视图模板</strong>选择：<strong>单表树</strong></li>
<li>输入“名称”、“编码”，以及下部的全部必选字段
<img src="http://res.bblocks.cn/doc/tree/tree2.png" alt="树视图" /></li>
</ol>
<table>
<thead>
<tr>
<th>字段名</th>
<th>值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td>树元对象</td>
<td>选择元对象</td>
<td></td>
</tr>
<tr>
<td>PID字段</td>
<td>选择数据的父节点</td>
<td>即为指向父节点ID的字段</td>
</tr>
<tr>
<td>树形字段</td>
<td>折叠的那列</td>
<td>比如部门表的：部门字段</td>
</tr>
<tr>
<td>根节点父级值</td>
<td>顶级节点pid值</td>
<td><strong>一般系统为0或者-1</strong>（需要去数据库看下自己的设定）</td>
</tr>
<tr>
<td>ID字段</td>
<td>ID</td>
<td>尽量指定</td>
</tr>
<tr>
<td>图标字段</td>
<td>-</td>
<td>暂时无用</td>
</tr>
</tbody>
</table>
<p><strong>注意到了么，这个对表是有要求的，需要的是至少三个字段：id，name，pid
并且pid指向父级的id ，即单表需要有树形父子结构</strong></p>
<ol>
<li>调整查询表单
同列表视图</li>
<li>调整功能按钮
同列表视图</li>
<li>调整列数据
同列表视图</li>
</ol>
<p>这样我们就完成一个树开发，我们配置的功能在：<strong>综合业务=》第一次视图菜单=》第一个部分</strong></p>
<blockquote>
<p>1、最终的配置数据都写入菜单表中的“<strong>config</strong>”字段也即：<strong>菜单配置JSON</strong>，如果觉得需要修改，可以在菜单修改中手工修改，数据见<strong>附录1</strong>.
2、其中childrenField 为系统字段（不能修改），expandLevel控制默认展开层级（可以修改）
3、目前 树视图 是全部展开，未用expandLevel参数</p>
</blockquote>
<p>附录1：</p>
<pre><code>{
"objectCode": "o_department",
"params": {},
"tree": {
"childrenField": "children",
"expandLevel": 2,
"idField": "id",
"parentField": "p_id",
"rootPid": "0", ---我在配置的时候就写错了，后面调整成0
"treeField": "department"
}
}</code></pre>