# FormBuilder扩展 * 零云已经提供了大量的FormBuilder字段，但是用户仍可以根据需要拓展FormBuilder字段 ## 添加FormBuilder字段 * 打开Application\Common\util\lyf\builder\ `config.php`文件 * 并且在return数组的form_item_type数组内添加拓展的FormBuilder信息 * 字段名（英文），字段说明（中文），字段属性（数据类型，长度） ```javascript return array( 'form_item_type' => array( '字段名'=> array('字段说明', 'varchar(225) NOT NULL') ) ) ``` * 打开Application\Common\util\lyf\builder\ `formbuilder.html`文件 * 在 `25行`左右的switch标签中添加相应格式的拓展字段数据 * {}中填写字段功用说明（汉字），file的里写引入字段html文件的路径 ```javascript <switch name="form.type"> {// 字段说明 } <include file='[builderpath]/widget/字段名.html' type='' /> ``` * 在 `121行`左右的switch标签内也要添加相同格式的拓展字段数据 ## 编写字段Html文件 * 添加完字段后，打开Application\Common\util\lyf\builder\ `widget`文件夹 * 在文件夹内创建`字段名.html`文件 * 在html文件内添加如下代码，case标签内的value写英文字段名,也可以从别的文件复制 ```javascript <case value="字段名"> <div class="form-group item_{$[type]form.name} {$[type]form.extra.class|default=''}"> <label class="left control-label"> <?php if($[type]form['extra']['must']): ?> <span style="color: red;">*</span> <?php endif; ?> <span>{$[type]form.title}：</span> </label> <div class="right"> </div> </div> </case> ``` * 在 <div class="right" 标签内就可以编写FormBuilder字段所引入的form表单代码。 ## 数据调用 #### {$[type]form.name} ：form表单的name名 #### {$[type]form.value|default=''} ：form表单的默认值 #### {$[type]form.tip|default=''} ：form表单的提示信息