頁面調用案例###
~~~
{:TWidget($contObj)->formWidgets([
['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', '內容'],
['is_show_difficulty|switch','是否顯示難度'],
['project_difficulty|select','難度',['listdata'=>config('project_difficulty'),'key_relevance'=>'id|name','open_by'=>'is_show_difficulty']],
['contact_settings[]|checkbox','',['listdata'=>$contact_attr['child'],'key_relevance'=>'field|name','hide_label'=>1]],
])}
~~~
### 組件調用說明
此方法在控制器內調用,加載相應組件所需要的依賴文件
~~~
->recordWidgets( [['echarts'],['cropper'],['images'],['datetimepicker'],['tagsinput'],['kindeditor']] )
~~~
| 編輯類型名稱 | 編輯類型KEY | 組件調用KEY值 |
| ---| --- | --- |
| 圖片裁剪 | cropper | cropper |
| 圖片 | images | images |
| 時間 | datetime | datetimepicker |
| 年 | dateyear | datetimepicker |
| 月 | datemonth | datetimepicker |
| 日 | date | datetimepicker |
| 標簽 | tags | tagsinput |
| 富文本編輯器 | kindeditor | kindeditor |
### 傳入數據
~~~
{php}
echo TWidget($contObj)->builder('form',function($builder,$info){
return $builder->addWidgets([
['cover_id|images', ''],
//['cover_ids|cropper', '封面圖片2', ['pic_num'=>2,'pic_wh'=>'100*200'] ],
])->setWidgetsValues( $info );
},$info
)
{/php}
~~~
- 序言
- 環境搭建
- 下載及安裝
- 構建器
- 構建器概述
- 模版構建器(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組件開發
- 更新日志
- 關于文檔