Name Last Update
..
JSelectBizComponentModal.vue Loading commit data...
README.md Loading commit data...
index.vue Loading commit data...

README.md

JSelectBizComponent

Jeecg 选择组件的公共可复用组件

引用方式

import JSelectBizComponent from '@/src/components/jeecgbiz/JSelectBizComponent'

export default {
  components: { JSelectBizComponent }
}

参数

配置参数

参数名 类型 必填 默认值 备注
rowKey String "id" 唯一标识的字段名
value(v-model) String "" 默认选择的数据,多个用半角逗号分割
name String "" 显示名字,例如选择用户就填写"用户"
listUrl String 数据请求地址,必须是封装了分页的地址
valueUrl String "" 获取显示文本的地址,例如存的是 username,可以通过该地址获取到 realname
displayKey String null 显示在标签上的字段 key ,不传则直接显示数据
returnKeys Array ['id', 'id'] v-model 绑定的 keys,是个数组,默认使用第二项,当配置了 returnId=true 就返回第一项
returnId Boolean false 返回ID,设为true后将返回配置的 returnKeys 中的第一项
selectButtonText String "选择" 选择按钮的文字
queryParamText String null 查询条件显示文字,不传则使用 name
columns Array 列配置项,与antd的table的配置完全一致。列的第一项会被配置成右侧已选择的列表上
columns[0].widthRight Array null 仅列的第一项可以应用此配置,表示右侧已选择列表的宽度,建议 70%,不传则应用width
placeholder String "请选择" 占位符
disabled Boolean false 是否禁用
multiple Boolean false 是否可多选
buttons Boolean true 是否显示"选择"按钮,如果不显示,可以直接点击文本框打开选择界面