用法:<roadui-combox :options="[{value:'',title:''}]"></roadui-combox>或<RoaduiCombox></RoaduiCombox>
属性:
placeholder: { type: String, default: '' },
width: { type: Number, default: 0 },//组件宽度,默认为0,根据宽度自动设置
height: { type: Number, default: -1 },//选项的高度,默认-1,根据选项个数自动设置
optionwidth: { type: Number, default: -1 },//选项DIV的宽度,默认-1,根据选项宽度自动设置
options: { type: Array, default() { return []; } },
ico: { type: String, default: 'icon-chevron-down' },//右边显示的图标
icocolor: { type: String, default: '' },//右边显示的图标颜色
slotheight: { type: Number, default: 0 },//如果是显示插槽时自己指定内容高度
multiple: { type: Boolean, default: false },//是否多选
search: { type: Boolean, default: false },//是否可搜索(只对选项方式有效,插槽方式自己设置搜索)
value: { default: '' },//值(去掉了类型,有时候传入数字会报错)
text: { type: Array, default() { return []; } },//标题插槽方式要传[{value:'',title:''}]
type: { type: String, default: '' },//选择类型 calendar:日期 color:颜色 icon:图标 区分类型以便作一些特殊判断
source: { type: Object, default() { return { type: -1 }; } },//选项来源 0数字字典 1字符串 2 SQL 3 URL 一般流程设计的表单用
0 数据字典
{type:0,dictId:'选项上级字典id',valueField:'值字段,使用数据字典的哪个字段作为选项值,有:code,value,title,note,other'}
1 字符串
{type:1,str:'选项字符串:选项值1,选项标题1;选项值2,选项标题2;......'}
2 SQL
{type:2,connId:'SQL对应的数据连接id',sql:'sql语句'}
3 URL
{type:3,url:'返回选项的url地址,url输出:[{value:'选项值',title:'选项标题'},......]'}
container: { type: String, default: '' },//容器id,当容器出现滚动条时要计算top
zindex: { type: Number, default: -1 },//zindex
valuetype: { type: String, default: 'string' },//值类型,有些地方值需要返回number类型
input: { type: Boolean, default: false },//是否可以自己输入
status: { type: Number, default: 0 }, //状态,0编辑 1只读 2隐藏
联系QQ:493501010电话:136 0832 5512(微信同号)邮箱:road@roadflow.net
Copyright 2014 - 2025 重庆天知软件技术有限公司 版权所有
|