表單組件通過addWidgets方法傳入組件配置數組批量創建。
~~~
return TBuilder('form',$this) ->addTabGroup('基本信息')
->addWidgets([
//=======================常規form組件========================
// 配置格式: array('','',[[],'']);
['title|text','標題|用于后臺顯示的配置標題'],
['sort|number','排序|用于分組顯示的順序', ['tip'=>'測試:用于分組顯示的順序'] ],
['icon_class|text','圖標類名', ['icon'=>'fa fa-angle-right'] ],
['url|text','鏈接|U函數解析的URL或者外鏈'],
['pid|select','上級菜單|所屬的上級菜單',[M('Menu')->getTreeMenus(), 'id|title_show']],
['group|text','分組|用于左側分組二級菜單'],
['cover_id|images', '封面圖片'],
['cover_ids|cropper', '封面圖片2', ['pic_num'=>2,'pic_wh'=>'100*200'] ],
['tip|text','說明|菜單詳細說明'],
['birthday|date', '天'],
['birthday1|datetime', '時'],
['birthday2|dateyear', '年'],
['birthday3|datemonth', '月'],
['tags|tags', '標簽',],
['id|hidden'],
['type2|checkbox','多選|多選測試',[config('CONFIG_TYPE_LIST')]],
['type3|radio','單選|單選測試',[config('yes_no')]],
['is_open|switch','配置類型|系統會根據不同類型解析配置值'],
['content|kindeditor', '內容'],
//=======================擴展form組件========================
// 配置格式: array('widget_type'=>'','attr'=>'val')
['widget_type'=>'html','content'=>'<p>自定義顯示內容</p>'],
['widget_type'=>'title_line','icon_class'=>'iconfont icon-jiexi3','title'=>'分組名稱']
])
->addTabGroup('訪問授權')->addWidgets([
['menu_auth|tree_checkbox', '訪問授權',[$mune_list,'id|title'] ],
])
->fetch();
~~~
每個組件可由四項配置參數,分別對應如下:
> /*
* 配置值數組:
* 參數1:字段名|字段類型|附加樣式及屬性
* 字段名
*
* 字段類型
* val
* input
* text
* number
* password
* color
* radio
* images
* cropper
* checkbox
* hidden
* select
* switch
* tree_checkbox
* kindeditor
*
* 附加樣式及屬性
* .class1,.class2,#id1,attr:attr_val,attr2:attr_val2
*
* 例:name|text|.class1,.class2,#id1,attr:attr_val,attr2:attr_val2
*
*
*
* 參數2:字段名稱|字段描述
* 參數3:可選數據數組
* 索引數組傳值:
* 參數1:列表數據數組
* 參數2:列表數組中使用的鍵值名稱
* 關聯數組傳值:
* 【函數處理區】 input
* func 對字段處理的函數名稱,參數為當前值
* func_param 當存在對字段處理的函數時,此值為為該函數的第二個參數
* config_name 配置參數名。當func為c_name時且func_param未傳值,此值可替代func_param。
* 當type為field且可編輯時,此為編輯選擇數據源。
*
* 【當組件為選項時,對應索引數組傳值的參數1和參數2】 select
* listdata 列表數據數組
* key_relevance 列表數組中使用的鍵值名稱
* 【更多復雜(擴展)配置】 input
* icon 組件展示存在圖標的
* tip 組件的tip提示內容
*
* 【圖片/文件上傳】
* limit_num 可上傳圖片數量(默認1個)
* enabled_edit 圖片是否可編輯(刪除或替換)
* ext 指定文件格式,不傳不限制
* 【圖片裁切】
* pic_wh 指定圖片寬高
* pic_ratio 指定圖片寬高比
*
* 參數4:值
*/
參數1可由三項組成,第三項可傳入多個以.開頭的為類類型值,以#開頭的為id屬性值,其余的為自定義屬性的鍵值
### 字段屬性
~~~
->addWidgets([
['report_download|number','報告下載包|考生考試pdf報告下載',[],10],
['short_message_number|number|disabled:true','短信包',[],0],
])
~~~

### 二級數組支持
~~~
->addWidgets([
['expand_config[free_invite_read_num]|number', '邀請訪問免費'],
])
~~~
### 富文本組件
kindeditor
~~~
->addWidgets([
['description|kindeditor', '詳情'],
])
~~~

editormd
~~~
->addWidgets([
['description|editormd', '詳情'],
])
~~~

展開顯示
~~~
->addTabGroup('文章詳情')
->addWidgets([
['description|editormd', '詳情',['full_show'=>true]],
])
~~~

- 序言
- 環境搭建
- 下載及安裝
- 構建器
- 構建器概述
- 模版構建器(TBuilder)
- Tab組件
- Topbar組件
- 按鈕
- 頂部按鈕配置
- 按鈕配置明細
- 表格(table)
- Table案例
- 「方法」加載數據
- 「方法」設置數據列
- 「方法」列排序
- 「組件」檢索過濾器
- 「組件」頂部按鈕
- 「組件」列表按鈕
- 「配置」列快速編輯
- 「配置」列附加內容
- 「配置」顯隱列表復選框
- 「配置」自定義樣式
- 表單(form)
- Form案例
- 「方法」添加組件(addWidgets)
- 「方法」數據檢索過濾(filter)
- 「組件」富文本編輯器(kindeditor|editormd)
- 「組件」圖片組件(images|cropper)
- 「組件」select listbox組件(listbox)
- 「組件」顏色選擇器(button_color)
- 「組件」自定義內容
- 「配置」顯隱字段關聯(open_by)
- 「配置」form布局(layoutView)
- 「配置」隱藏描述區(hideWidgetsDesc)
- 「配置」數據驗證(validate)
- 「配置」隱藏表單底部按鈕(hideFormButton)
- 「配置」字段tip提示(tip)
- 自定義頁面(custom)
- Custom案例
- 「組件」echart
- 「組件」Tile Widgets
- 「配置」custom布局
- 「配置」自定義html內容
- 「配置」自定義提醒頁面
- 樹形(tree)
- Tree案例
- 左側菜單區配置
- 關閉左側菜單(hideLeftMenu)
- 頂部按鈕配置
- 自定義菜單配置
- 展現方式配置
- 表內增刪改(Tabullet)
- 通用設置
- 依賴文件加載(插件/js/css)
- 指定布局/模版
- 內容定位欄(setTrayMenu)
- 設置內容區側欄
- 模態框打開頁面
- 組件構建器(TWidget)
- echarts
- table
- form組件
- Tabs組件
- builder構建
- titleLine
- 數據構建器(DBuilder)
- 概述(案例)
- 「方法」獲取單條記錄詳情
- 「方法」獲取分頁列表數據
- 「方法」排序
- 「方法」設置查詢字段
- 「方法」快速編輯
- 「方法」數據導出
- 「方法」聯表查詢
- 「方法」查詢數據再處理
- 「配置」回調處理
- 「配置」設置過濾字段
- 「配置」指定過濾字段匹配值
- 「配置」增加編輯支持
- 「配置」查詢出全部數據
- 輔助類
- Excle
- 模塊開發
- 插件開發
- 擴展
- 行為擴展
- 行為日志
- 雜項
- 圖片異步加載
- jquery插件zeroModal
- 提示
- form表單驗證
- ajax相關
- 展開收起
- 常用函數
- 其他插件
- DEMO
- 增刪改查
- 安全
- XSS 攻擊
- 注入攻擊
- CSRF 攻擊
- 其他攻擊和漏洞
- 開發
- TBuilder組件開發
- 更新日志
- 關于文檔