<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                # JVxeTable 組件配置文檔 [TOC=2,3] ``` import { JVxeTypes } from '/@/components/jeecg/JVxeTable/types' ``` >[info] 所有的組件參數配置都繼承`columns 參數配置`,有特別標注參數的組件都是專屬于該組件的屬性。 ## 普通文本 不顯示任何組件,只顯示普通文本 * `類型`:`JVxeTypes.normal` ## 單行文本 * `類型`:`JVxeTypes.input` ## 多行文本 * `類型`:`JVxeTypes.textarea` * `參數`: * `defaultOpen`:boolean,是否默認彈出側邊輸入框,默認false ![](https://img.kancloud.cn/a1/05/a10532fe8f385eca904cefe9caa693e5_608x288.png) ## 數字輸入框 * `類型`:`JVxeTypes.inputNumber` * `參數`: * `statistics`:array,統計列配置,設置了之后會自動統計當前列的所有數據并顯示在底部 * sum 求和 * average 平均值 ### 統計列配置示例 ![](https://img.kancloud.cn/20/b5/20b5bad4a7a2f00c00c9b7bd6f913f4a_583x337.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后面 > 注意事項 > 1. `allowInput`和`allowSearch`不能同時使用,若同時使用,則`allowSearch`的優先級更高 > 2. `options`的某一項如果設置了`disabled:true`,則搜索不到該項 ### options 所需參數 | 參數 | 類型 | 必填 | 說明 | | --- | --- | --- | --- | | text | string | ?? | 顯示標題 | | value | string | ?? | 真實值 | | disabled | boolean | | 是否禁用當前選項 | ## 下拉多選框 * `類型`:`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.time` * `參數`: * `format`:格式化顯示,默認值:`HH:mm:ss` ## 日期時間選擇器 * `類型`:`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_3.4.5`起開始支持 ## 部門選擇框 * `類型`:`JVxeTypes.departSelect` ## 用戶選擇框 * `類型`:`JVxeTypes.userSelect` ## 插槽(slot) * `類型`:`JVxeTypes.slot` * `參數`: * `slotName`:**【必填】**slot的名稱 使用方式詳見:【使用示例\_四】 ## 隱藏列 設置了之后該列不會顯示出來,但是能正常賦值、取值。 * `類型`:`JVxeTypes.hidden`
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看