返回介绍

118.JTreeSelect树形下拉框-异步加载

发布于 2020-09-14 22:20:38 字数 2949 浏览 1604 评论 0 收藏 0

1.参数配置

参数类型必填说明
placeholderstringplaceholder
disabledBoolean是否禁用
dictstring表名,显示字段,存储字段 拼接的字符串
pidFieldstring指定父级节点的字段 默认pid
pidValuestring指定父级节点的id值 不指定则默认为 0 不可以为空,若为空请自行修改数据库
conditionstring(json字符串)支持自定义查询条件,进行过滤数据,请按此标准示例赋值:condition='{"create_by":"admin"}'

2.使用示例 输入图片说明

<template>
  <a-form :form="form">
    <a-form-item>
      <j-tree-select
        style="width: 300px"
        v-model="treeValue"
        dict="sys_depart,depart_name,id"
        pid-field="parent_id">
      </j-tree-select>
      \{\{ treeValue \}\}
    </a-form-item>

    <a-form-item>
      <j-tree-select
        style="width: 300px"
        v-decorator="['demoTree']"
        dict="sys_depart,depart_name,id"
        pid-field="parent_id">
      </j-tree-select>
      \{\{ getTreeFieldValue() \}\}
    </a-form-item>
  </a-form>
</template>

<script>
  import JTreeSelect from '@/components/jeecg/JTreeSelect'
  export default {
    components: { JTreeSelect },
    data() {
      return {
        form: this.$form.createForm(this),
        treeValue:'',
      }
    },
    methods:{
      getTreeFieldValue(){
        return this.form.getFieldValue("demoTree")
      }
    }
  }
</script>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文