fix: #136 修复树形懒加载时不反显的bug

greper · Jan 12, 2021 · ec08af0 · ec08af0
1 parent 69b4ef1
commit ec08af0
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 4 deletions.
diff --git a/packages/d2-crud-plus-example/src/business/modules/example/views/form/tree/crud.js b/packages/d2-crud-plus-example/src/business/modules/example/views/form/tree/crud.js
@@ -1,3 +1,5 @@
+import * as Api from '@/business/modules/example/views/form/area/api'
+
 export const crudOptions = {
   options: {
     height: '100%'
@@ -48,6 +50,41 @@ export const crudOptions = {
         },
         rules: [{ required: true, message: '请选择' }]
       }
+    },
+    {
+      title: '树形懒加载',
+      key: 'tree5',
+      type: 'tree-selector',
+      dict: {
+        isTree: true,
+        label: 'name',
+        value: 'code',
+        getNodes (values) { // 配置行展示远程获取nodes
+          return Api.GetNodesByValues(values)
+        }
+      },
+      form: {
+        component: {
+          span: 24,
+          props: {
+            multiple: false,
+            elProps: {
+              lazy: true,
+              load (node, resolve) { // 懒加载
+                if (node.level === 0) {
+                  Api.GetTreeChildrenByParentId().then(data => {
+                    resolve(data)
+                  })
+                  return
+                }
+                Api.GetTreeChildrenByParentId(node.data.code).then(data => {
+                  resolve(data)
+                })
+              }
+            }
+          }
+        }
+      }
     }
   ]
 }
diff --git a/packages/d2-crud-plus-extends/src/tree-selector/lib/tree-selector.vue b/packages/d2-crud-plus-extends/src/tree-selector/lib/tree-selector.vue
@@ -183,16 +183,14 @@ export default {
     //   })
     // },
     onDictLoaded () {
-      log.debug('onDictLoaded')
+      log.debug('onDictLoaded', this.dict, this.value)
       this.setValue(this.value)
     },
     setValue (value) {
+      log.debug('setValue:', this.currentValue, this.value, this._options)
       if (this.currentValue === this.value) {
         return
       }
-      if (this._options == null || this._options.length === 0) {
-        return
-      }
       let arrValue = value
       if (value == null) {
         this.selected = []
@@ -202,11 +200,15 @@ export default {
         arrValue = [arrValue]
       }
       if (this.dict.getNodes) {
+        log.debug('getNodes:', arrValue)
         this.dict.getNodes(arrValue).then(nodes => {
           this.selectedNodes(nodes, value)
         })
       } else {
         const nodes = []
+        if (this._options == null || this._options.length === 0) {
+          return
+        }
         for (const item of arrValue) {
           const data = this._options
           const node = d2CrudPlus.util.dict.getByValue(item, data, this.dict)