# 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表單的提示信息