积木表单控件介绍
<h2>积木表单控件介绍</h2>
<p>常见的表单控件如:下拉框、文本框,文本域等,系统对此进行了2次封装,满足在后台即可根据字段配置相关属性即可控制控件的输出以及行为。
系统目前封装了如下控件:</p>
<ol>
<li>下拉框
此控件支持级联,比如省市区</li>
<li><del>查找框</del>
暂时被 “菜单查找框” 替代,后面看需求是否需要(lay版本是有的,但是没有“菜单查找框”)</li>
<li>文本框</li>
<li>文本域</li>
<li>编辑框</li>
<li>时间框
同时支持查询模式下时间段模式</li>
<li>日期框</li>
<li>布尔框</li>
<li>图片框</li>
<li>文件框
后面考虑扩展支持多文件模式,包括图片框</li>
<li>图标框</li>
<li>自增框</li>
<li>密码框</li>
<li>数字框
同时支持查询模式下数字范围查询</li>
<li><del>颜色框</del>
未实现</li>
<li>单选框</li>
<li>下拉树</li>
<li>菜单查找框</li>
<li>流程框</li>
<li>虚拟字段</li>
</ol>
<p>下面将介绍控件使用。
先介绍下表单控件的通用属性:</p>
<table>
<thead>
<tr>
<th>字段</th>
<th>说明</th>
<th>备注</th>
</tr>
</thead>
<tbody>
<tr>
<td>字段名</td>
<td>数据表中的字段</td>
<td>字段英文名</td>
</tr>
<tr>
<td>控件类型</td>
<td>选择字段的合适的类型</td>
<td>目前有16个左右的控件可选</td>
</tr>
<tr>
<td>中文名</td>
<td>列表、表单中的名称</td>
<td>表单显示用</td>
</tr>
<tr>
<td>排序</td>
<td>列表时候的顺序</td>
<td>非设计表单的字段顺序</td>
</tr>
<tr>
<td>宽度</td>
<td>列表的宽度</td>
<td>表单无用</td>
</tr>
<tr>
<td>高度</td>
<td>表单中的高度</td>
<td>实际上只有富文本和编辑框才有效,单位px</td>
</tr>
<tr>
<td>新增状态</td>
<td>新增表单中的状态</td>
<td>正常、禁用、只读,隐藏,表单设计器比本处优先级更高</td>
</tr>
<tr>
<td>更新状态</td>
<td>更新表单中的状态</td>
<td>正常、禁用、只读,隐藏,表单设计器比本处优先级更高</td>
</tr>
<tr>
<td>快速查询</td>
<td>列表等视图中需要查询的字段</td>
<td>是否显示在快速查询中</td>
</tr>
<tr>
<td>是否必填</td>
<td>将校验必填</td>
</tr>
<tr>
<td>是否多值</td>
<td>针对一些控件生效:下拉,菜单查找框</td>
<td><strong>此属性不能在表单设计器里边配置</strong></td>
</tr>
<tr>
<td>输入提示</td>
<td>表单中字段的提示</td>
</tr>
<tr>
<td>默认值</td>
<td>如果有值则已有值,如果无则使用默认值</td>
<td>支持固定值如:1,以及beetl表达式:${user.id!}</td>
</tr>
<tr>
<td>ui校验</td>
<td>配置系统支持校验表单视</td>
<td>必填不要在此配置,使用前面的“是否必填”,校验使用后面单独拉出来说明</td>
</tr>
<tr>
<td>拓展配置</td>
<td>每个控件可能会设计到单独的属性</td>
<td>-</td>
</tr>
</tbody>
</table>
<p>后面介绍的控件如属性无特殊的地方,通用属性就不介绍了。</p>
<p><strong>先看下简单配置下得字段设置:</strong>
<img src="http://resh.bblocks.cn/doc/widget/select/all_attribute.png" alt="简单表单配置控件" /></p>
<p><strong>再看下排版配置下得字段设置:</strong>
拖入排版区
<img src="http://resh.bblocks.cn/doc/form/form4.png" alt="简单表单配置控件" />
设置字段属性
<img src="http://resh.bblocks.cn/doc/form/zd.png" alt="设置字段属性" /></p>
<p>PS:<strong>控件类型、表达式 只在字段属性配置。</strong></p>