組件配置文檔 · JeecgBoot 開發文檔

# JVxeTable 組件配置文檔 [TOC=2,2] ``` js import { JVXETypes } from '@/components/jeecg/JVxeTable' ``` >[info] 注：所有的組件參數配置都繼承`columns 參數配置`，有特別標注參數的組件都是專屬于該組件的屬性。 ## 普通文本不顯示任何組件，只顯示普通文本 * `類型`：`JVXETypes.normal` ## 單行文本 * `類型`：`JVXETypes.input` ## 多行文本 * `類型`：`JVXETypes.textarea` ## 數字輸入框 * `類型`：`JVXETypes.inputNumber ` * `參數`： - `statistics`：array，統計列配置，設置了之后會自動統計當前列的所有數據并顯示在底部 - sum 求和 - average 平均值 ### 統計列配置示例 ![](https://img.kancloud.cn/5b/a3/5ba3d4e7ca5f0615581cbfd1d8f1096d_403x191.png) ![](https://img.kancloud.cn/49/06/4906747e691b4e8fe5bad76d24629ad8_210x322.png) ## 復選框（開關） * `類型`：`JVXETypes.checkbox` * `參數`： - `defaultChecked`：boolean，默認值是否選中 - `customValue`：array，自定義值，checkbox需要的是boolean值。如果數據是其他值（例如`'Y' or 'N'`）時，就會導致錯誤，所以提供了該屬性進行轉換。例：`customValue: ['Y','N']`，會將`true`轉換為`'Y'`，`false`轉換為`'N'`，反之亦然 ## 單選框 * `類型`：`JVXETypes.radio` * `參數`： - `options`：array，選項注意：如果選項過多超出了列的寬度，將有可能被截取，所以建議不要使用太多的選項，或使用下拉框組件替代。 - `allowClear` boolean，默認false，是否可以清除選擇。如果設為true的話，那么點擊已被選中的選項時會取消選中。 ## 下拉框 * `類型`：`JVXETypes.select` * `參數`： - `options`：**【必填】** array，下拉選項列表，詳見下表 - `allowInput`：是否允許用戶輸入內容，并創建新的內容 - `allowSearch`：是否允許用戶搜索內容（僅搜索，不創建） - `dictCode`：數據字典Code，若options也有值，則拼接在options后面 >[info] 注意事項 1. `allowInput`和`allowSearch`不能同時使用，若同時使用，則`allowSearch`的優先級更高 2. 若`options`的某一項設置了`disabled:true`，則搜索不到該項 ### options 所需參數 | 參數 | 類型 | 必填 | 說明 | | --- | --- | --- | --- | | text | string | ?? | 顯示標題 | | value | string | ?? | 真實值 | | disabled | boolean | | 是否禁用當前選項 | | ~~title~~ | ~~string~~ | | ~~顯示標題~~（已廢棄，若同時填寫了 title 和 text 那么優先使用 text） | ## 下拉多選框 * `類型`：`JVXETypes.selectMultiple` * `參數`：繼承`下拉框`的所有參數 ## 下拉搜索框 * `類型`：`JVXETypes.selectSearch` * `參數`：繼承`下拉框`的所有參數只不過是自動將`allowSearch`參數設為true了，相當于一個語法糖 ## 下拉字典搜索框 * `類型`：`JVXETypes.selectDictSearch` * `參數`： - `async`：是否異步搜索 - `dict`：僅async=true時生效，字典code（數據庫表名,顯示字段名,存儲字段名）示例：`"sys_user,realname,username"` - `options`：僅async=false時生效，搜索選項 - `tipsContent`：提示內容，默認：請輸入搜索內容 ## 日期 * `類型`：`JVXETypes.date` * `參數`： - `format`：格式化顯示，默認值：`YYYY-MM-DD` ## 日期時間 * `類型`：`JVXETypes.datetime` * `參數`： - `format`：格式化顯示，默認值：`YYYY-MM-DD HH:mm:ss` ## 進度條給什么值就顯示什么進度，最小值0，最大值100 * `類型`：`JVXETypes.progress` ![](https://img.kancloud.cn/6d/7e/6d7ecf11f8e925f1d822893587306e15_314x88.png) ## 文件上傳（單個） * `類型`：`JVXETypes.upload` * `參數`： - `action`：**【必填】** 上傳文件路徑 - `token `：boolean，默認false，上傳的時候是否傳遞token - `responseName `：*【必填】** 若要從上傳成功后從response中取出返回的文件名，那么這里填后臺返回的包含文件名的字段名 - `btnText`：string，默認"點擊上傳"，按鈕的顯示文本 - `allowDownload`：boolean，默認true，是否允許下載 - `allowRemove`：boolean，默認true，是否允許刪除 ## 文件上傳（批量） * `類型`：`JVXETypes.file` * `參數`：繼承`文件上傳（單個）`的所有參數 - `action`：非必填，默認`"/sys/common/upload"` - `responseName `：非必填，默認`"message"` - `btnText`：默認"上傳文件" ## 圖片上傳（批量） * `類型`：`JVXETypes.image` * `參數`：繼承`文件上傳（批量）`的所有參數 - `btnText`：默認"上傳圖片" ## Popup * `類型`：`JVXETypes.popup` * `參數`： - `popupCode`：**【必填】** online報表編碼 - `orgFields`：**【必填】** online報表查詢出來的列名，多個以逗號隔開 - `destFields`：**【必填】** 回填到表單的列名，多個以逗號隔開。如果有多個，則順序和orgFields一一對應，且數量必須保持一致。 - `field`：**【必填】** 從destFields中選擇一個屬性的值返回給當前組件 - `param`：**Object類型** 動態參數對象，在online報表參數里手動新增記錄，然后就可以在自己頁面里傳遞同名參數，作為數據查詢條件，如果是字符串類型需要設置成雙引號內套單引號的格式如{name:"'admin'"} - `sorter`：默認排序列，使用方法：列名=desc\|asc。例：`age=asc` - `v_2.4.5`起開始支持 ## 插槽（slot） * `類型`：`JVXETypes.slot` * `參數`： - `slotName`：**【必填】** slot的名稱使用方式詳見：【使用示例_四】 ## 隱藏列設置了之后該列不會顯示出來，但是能正常賦值、取值。 * `類型`：`JVXETypes.hidden`