jeecgboot / JeecgBoot

🔥「企业级低代码平台」前后端分离架构SpringBoot 2.x/3.x,SpringCloud,Ant Design&Vue3,Mybatis,Shiro,JWT。强大的代码生成器让前后端代码一键生成,无需写任何代码! 引领新的开发模式OnlineCoding->代码生成->手工MERGE,帮助Java项目解决70%重复工作,让开发更关注业务,既能快速提高效率,帮助公司节省成本,同时又不失灵活性。
http://www.jeecg.com
Apache License 2.0
38.51k stars 14.43k forks source link

JSelectMultiple选项比较多的时候,选项弹层显示错位 #6468

Closed hhxyjsj closed 5 months ago

hhxyjsj commented 6 months ago
版本号:

3.6.2

问题描述:

在BasicModal中使用组件JSelectMultiple,当数据项比较多的时时候,选项弹框会把组件遮住,如下图:

image

同时试了在组件上加下面的代码也没有用 :getPopupContainer="(node) => { console.log('- node -:', node); // return node?.parentNode; return document.body; }"

截图&代码:
<BasicModal
    v-bind="$attrs"
    destroyOnClose
    @register="registerModal"
    :title="title"
    :canFullscreen="false"
    :width="800"
    :helpMessage="['1.多个条件之间是与的关系(即都要满足)', '2.一个字段只能添加一个查询条件']"
    @ok="handleSubmit"
    @cancel="handleCancel">
         <JSelectMultiple
                v-else
                v-model:value="schema.value"
                labelInValue
                mode="multiple"
                :getPopupContainer="
                  (node) => {
                    console.log('- node -:', node);
                    // return node?.parentNode;
                    return document.body;
                  }
                "
                :options="schema.field ? formItemMap[schema.field.value]['options'] : []"
              />
    </BasicModal>

友情提示(为了提高issue处理效率):

zhangdaiscott commented 5 months ago

收录 zy

liaozhiyang commented 5 months ago

/src/components/Form/src/jeecg/components/JSelectMultiple.vue JSelectMultiple 组件没有 getPopupContainer 这个props。你应该是需要的 popContainer 参数。

image
hhxyjsj commented 5 months ago

试了可以了,谢谢