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 |
String |
|
null |
仅列的第一项可以应用此配置,表示右侧已选择列表的宽度,建议 70%,不传则应用width |
| placeholder |
String |
|
"请选择" |
占位符 |
| disabled |
Boolean |
|
false |
是否禁用 |
| multiple |
Boolean |
|
false |
是否可多选 |
| buttons |
Boolean |
|
true |
是否显示"选择"按钮,如果不显示,可以直接点击文本框打开选择界面 |