960 Star 5.1K Fork 1.6K

GVPsmallwei / Avue

 / 详情

saber框架点击编辑按钮进入编辑页面,表单类型为下拉树,既type:tree,使用懒加载,不能正确显示数值

已完成
创建于  
2021-04-27 16:28

一、该问题的重现步骤是什么?

  1. 使用了懒加载以后,数值不在select框中显示,甚至直接对dicData赋值无效。

  2. 不用懒加载直接给dicData赋值可以显示数值。

3.不用懒加载的形式,如下图有3个类似选择器,都对dicData直接赋值,在点击编辑按钮时候打开超过8秒。

二、你期待的结果是什么?实际看到的又是什么?

期待:正常显示值,懒加载的树形选择器是很常用,不可能让每个这种选择器都对dicData直接赋值,超过几百的数据就卡的不行了,如下图的部门-人员树的选择器,希望能将取值显示的功能修正,或者提供别的解决方案。

实际: 数值不显示。

三、你正在使用的是什么产品,什么版本?在什么操作系统上?

bladex商业版 2.6 ,window10

四、请提供详细的错误堆栈信息,这很重要。

代码如下:

{

label: "操作人",

prop: "czr",

type: "tree",

lazy: true,

treeLoad: function (node, resolve) {

  const parentId = (node.level === 0) ? 0 : node.data.id;

  getDeptUserLazyTree(parentId).then(res => {

    let newArr = res.data.data.map(item => {

      return {

        ...item,

        leaf: !item.hasChildren,

        disabled: item.hasChildren

      }

    })

    resolve(newArr);

  });

},

showColumn: false,

parent: false,

expandOnClickNode:true,

dicData: [{title: '张文良', key: '11853'}],

props: {

label: "title",

value: "key"

},

checkStrictly: true,

rules: [{

required: false,

message: "请输入操作人",

trigger: "blur"

}],

nodeClick: function (node) {

let hasChildren = node.hasChildren;

if (hasChildren) {

  alert('不能选择部门');

}

},

checked: function (data, checkObj) {

console.log(data)

console.log(checkObj)

}

}

输入图片说明

评论 (1)

Mr.Tang 创建了任务
Mr.Tang 关联仓库设置为smallwei/Avue
smallwei 任务状态待办的 修改为进行中
smallwei 任务状态进行中 修改为待办的
smallwei 任务状态待办的 修改为已完成
smallwei 里程碑设置为v2.8.11
展开全部操作日志

下个版本懒加载首次进入会带着选中的值查询一次字典
后台返回对应value字典即可

登录 后才可以发表评论

状态
负责人
里程碑
Pull Requests
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
开始日期   -   截止日期
-
置顶选项
优先级
参与者(2)
632261 smallweigit 1588214431 2007473 kunitake admin 1578964115
JavaScript
1
https://gitee.com/smallweigit/avue.git
git@gitee.com:smallweigit/avue.git
smallweigit
avue
Avue

搜索帮助