树表视图
<h2>树表视图</h2>
<p>典型的树表视图是<strong>左树右表</strong>，如下：
<img src="http://h.bblocks.cn/ui/images/template/tree_grid.png" alt="树表" /></p>
<p>组成部分：</p>
<ul>
<li>左侧树</li>
<li>右侧列表</li>
</ul>
<p>操作步骤如下：</p>
<ol>
<li>择一个菜单目录节点，点击“<strong>新增功能</strong>”（都配置在菜单“第一次视图菜单” 下）</li>
<li>视图模板选择：单表树
<img src="http://res.bblocks.cn/doc/treegird/treegrid1.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>
<tr>
<td><strong>树关联字段</strong></td>
<td>树的字段</td>
<td>被下面Grid元对象关联一般是ID</td>
</tr>
<tr>
<td><strong>Grid元对象</strong></td>
<td>元对象</td>
<td></td>
</tr>
<tr>
<td><strong>Grid外键字段</strong></td>
<td>元对象关联外键</td>
<td>关联树的字段</td>
</tr>
</tbody>
</table>
<p>前面未加粗的和树视图一致，后面三个字段属于树表特有。</p>
<ol>
<li>调整查询表单
同列表视图</li>
<li>调整功能按钮
同列表视图</li>
<li>调整列数据
同列表视图</li>
</ol>
<p>这也就完成了树表开发，我们配置的功能在:综合业务=》第一次视图菜单=》第一个树表</p>
<blockquote>
<p>1、最终的配置数据都写入菜单表中的“<strong>config</strong>”字段也即：<strong>菜单配置JSON</strong>，如果觉得需要修改，可以在菜单修改中手工修改，数据见<strong>附录1</strong>.
2、其中childrenField 为系统字段（不能修改），expandLevel控制默认展开层级（可以修改）
3、目前expandLevel为默认值2</p>
</blockquote>
<p>附录1：</p>
<pre><code>{
"objectCode": "sale_data",
"objectField": "city_id", --外键字段
"params": {},
"tree": {
"childrenField": "children",
"expandLevel": 2,
"idField": "id",
"objectCode": "area_city",
"objectField": "id", --关联字段
"parentField": "code",
"rootPid": "0",
"treeField": "name",
"treeName": "省份" --左侧的树可以添加一个名字（无配置界面）
}
}</code></pre>