## 添加一列
添加表格的列,不管什么類型的字段,都是用通用方法:
```
addColumn($name = '', $title = '', $type = '', $option = '', $default = '', $attr=[])
```
參數說明:
```
* @param string $name 字段名
* @param string $title 標題
* @param string $type 類型, 為空時默認為text類型
* @param string|array $option 選項
* @param string $default 值為空時的默認值
* @param array $attr 其他屬性, 如觸發器等 {
* trigger: {key: value}, // 用于控制當前列是否顯示, value可以是一個數組, 若傳了trigger參數, 只有當前行數據中出現在value中時才顯示
* fixed: 是否固定列,
* show_tooltip: 是否在長度超出后顯示tooltip
* }
```
支持的類型:
1. [文本(text)](./table/text.md)
2. [狀態(status)](./table/status.md)
3. [是否(yesno)](./table/yesno.md)
4. [時間(datetime)](./table/datetime.md)
5. [圖片(image)](./table/image.md)
6. [圖片列表(images)](./table/images.md)
7. [外部圖片(external_image)](./table/external_image.md)
8. [外部圖片列表(external_images)](./table/external_images.md)
9. [鏈接(link)](./table/link.md)
10. []()
11. []()
12. [多選框欄](./table/checkbox.md)
13. [數量索引欄](./table/index.md)
14. [操作欄](./table/option.md)
## 批量添加列
```
addColumns($columns = [])
```
> 其中columns參數中每個元素是一個對應添加單列中的參數的數組。
綜合操作舉例(此處為了方便,使用[addColumns](./table/addColumns.md)方法舉例):
```
return SBuilder::make('table')
->addColumns([
['__checkbox__'], // 多選框欄
['__index__'], // 數量索引,默認標題為 #
['name', '名稱'], // 文本
['enable', '是否開啟', 'yesno'], // 是否
['status', '狀態',], // 狀態
['avatar', '頭像', 'image'], // 圖片
['pics', '圖片列表', 'images'], // 圖片列表
['wx_avatar', '微信頭像', 'external_image'], // 外部圖片
['ext_pics', '網絡圖片', 'external_images'], // 外部圖片列表
['create_time', '網絡圖片', 'datetime'], // 顯示時間
['__btn__'], // 操作按鈕
])
->fetch();
```
- 觸發器
可使用觸發器控制行數據是否在當前列顯示, 如上main的數據中, 若要id為1,2,3才顯示`name`:
```
return SBuilder::make('table')
->addColumn('name', '姓名', '', '', '', [
'trigger' => ['id' => [1,2,3]]
])
->fetch();
```
> 注意: 當trigger中存在多個字段的條件時, 判斷關系為或的關系,若需要其他復雜關系處理, 請在獲取列表邏輯中直接處理。
- 序言
- 下載及安裝
- 目錄結構
- 基礎
- 多站點-單入口文件(推薦)
- (舊)多站點-多入口文件方式
- (舊)入口文件
- (舊)站點配置
- 按鈕操作
- 區塊概念
- 構建器(SBuilder)
- 頁面-Page
- 設置頁面標題
- 添加頁面提示信息
- 設置頁面Tab
- 設置頁面背景色
- 設置是否點擊遮罩關閉
- 添加區塊
- 區塊-Block
- 設置區塊名
- 設置區塊布局
- 表單(form)
- 添加表單項通用方法
- 添加表單項
- 單行文本框
- 多行文本框
- 數字輸入框
- 密碼框
- 數組輸入框
- 單選框
- 狀態選擇器
- 復選框
- 下拉框
- 級聯選擇器
- 開關
- 日期選擇器
- 日期時間選擇器
- 日期范圍選擇器
- 日期時間范圍選擇器
- 時間選擇器
- 時間范圍選擇器
- Tree 樹形組件
- 圖標選擇器
- 顏色選擇器
- 單圖片上傳
- 多圖片上傳
- 視頻上傳
- 單文件上傳
- 多文件上傳
- 富文本編輯器-QEditor
- 富文本編輯器-UEditor
- 小程序富文本
- 靜態文本
- 隱藏表單項
- 表格數據輸入框
- 分組
- 地圖選擇器(未實現)
- 地區選擇器(未實現)
- 穿梭框(未實現)
- 圖片裁剪(未實現)
- 郵箱輸入框(未實現)
- 設置表單LabelWidth
- 設置表單提交地址
- 設置默認按鈕標題
- 提交表單確認框
- 隱藏默認按鈕
- 添加額外按鈕
- 設置觸發器
- 設置表單數據
- 表單布局
- 模板
- 表格(table)
- 設置表名
- 添加頂部按鈕
- 添加時間段篩選
- 設置搜索欄
- 添加列
- text
- byte
- status
- tags
- yesno
- datetime
- icon
- image
- images
- external_image[已廢棄]
- external_images[已廢棄]
- link
- html
- select
- text.edit
- group
- 多選框欄
- 數量索引欄
- 操作欄
- 右側操作按鈕
- 設置多選框
- 設置顯示數量索引
- 設置列表數據地址
- 直接設置數據
- 關閉ajax獲取數據功能
- 設置分頁
- 自動新增
- 自動編輯
- 圖表(Charts)
- Html
- Iframe
- 數據面板
- 卡片列表
- 按鈕(Button)
- 按鈕調用示例
- 自定義組件
- 混合頁面
- 概念說明
- 擴展
- 圖標擴展
- 雜項
- 幫助函數
- TODO