<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>

                **JSelectPosition崗位選擇框** ***** [TOC] ## 參數定義 | 參數 | 類型 | 是否可選 | 默認值 | 說明 | | --- | --- | --- | --- | --- | | value | \[String,Array\] | 否 | 無 | 回顯值 | | showButton | Boolean | 否 | true | 是否顯示選擇按鈕 | | disabled | Boolean | 否 | false | 是否禁用 | | placeholder | String | 否 | 請選擇 | 選擇提示語 | | rowKey | String | 否 | code | 取值字段配置,一般為主鍵字段 | | labelKey | String | 否 | name | 顯示字段配置 | | params | String | 否 | \- | 自定義查詢參數,需要傳遞字符串,如:params:**'{"code":"001"}'** | | showSelected | Boolean | 否 | false | 是否右側顯示選中列表 | | maxSelectCount | Number | 否 | null | 最大選擇數量 | | modalTitle| String| 否 | 職務選擇| 選擇框標題| | isRadioSelection | boolean| 否 | false| 是否單選 | ## 事件定義 | 事件名 | 參數 | 說明 | | --- | --- | --- | | getSelectResult | options, values | 確認選擇回調,單獨使用選擇框中使用該事件獲取選中值 | ## 使用示例 ### BaseForm中使用示例 ![](https://img.kancloud.cn/a6/8b/a68b417faf41341a07f53443d23e3d67_1051x52.png) ![](https://img.kancloud.cn/78/73/78731e96edcd61e1ff8ed524499a7ee9_1724x749.png) ~~~ { field: 'user2', component: 'JSelectPosition', label: '選擇示例', helpMessage: ['component模式'], componentProps:{ labelKey:'name', rowKey:'code' } } ~~~ ### 插槽中使用示例 ~~~ <template #jSelectPosition="{model, field }"> <JSelectPosition v-model:value="model[field]"/> </template> ~~~ ### 單獨使用示例 ~~~ <template> <a-button type="primary" preIcon="ant-design:plus-outlined" @click="openHandle">選擇</a-button> <PositionSelectModal rowKey="id" @register="registerSelModal" @getSelectResult="onSelectOk"/> </template> <script lang="ts" setup> import PositionSelectModal from '/@/components/Form/src/jeecg/components/modal/PositionSelectModal .vue' // 注冊選擇框 const [registerSelModal, {openModal}] = useModal() // 打開選擇框 function openHandle() { openModal(); } // 選擇確認事件 function onSelectOk(selectRows, selectKeys) { //處理業務邏輯 } </script> ~~~ ### showSelected屬性配置效果 ![](https://img.kancloud.cn/0b/35/0b357bd1cfbcca0a2eba56a5d0aa2ced_896x598.png)
                  <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>

                              哎呀哎呀视频在线观看