标签:控件前面显示的标签(el-form-item的标签)
控件id:自动根据表名和字段名生成的id(表名-绑定字段 全部小写),如果不绑定字段则会自动生成一个id。
绑定字段:控件绑定的数据表字段(控件相应的输入内容会保存到绑定的数据表字段中)。
占位文字:控件没有内容时显示的提示文字(placeholder属性)。
宽度:控件显示宽度百分比或px。
禁用:控件禁用(disabled属性)。
清除:是否显示清除按钮(clearable属性)。
只读:控件只读(readonly属性)。
筛选:是否可以筛选选项(控件的filterable属性)。
下拉与输入框同宽:选择框与输入框同等宽度(fit-input-width属性)。
多选:是否可以多选。
选项来源:
数据字典:直接从数据字典中加载下级作为选项(数据字典选项在 系统管理 --数据字典 中维护)。
字符串:直接输入一个固定的字符串所有选项,字符串格式:选项值1,标题1,选项说明1;选项值2,标题2,选项说明2;…。选项说明可为空,选项说明要配合选项插槽使用。
示例:值1,标签1;值2,标题2,注意逗号和分号都为英文输入的标点符号。
url:从一个url地址加载选项(url返回json字符串数据,格式为:[{value:'',label:'',note:''},.....]),url中可以写?a=1等参数,可以写通配符(如:userId={<userId>})。
url默认为get请求,如果要使用post请求,则需要在url前面加上[post],例如:[post]api/TestEvent/GetOptions
示例:
sql查询:从一个sql查询语句中返回选项,sql查询返回第一列为值,第二列为标题,第三列为备注说明(可为空),sql语句中可以使用通配符。
选择了sql语句,后边要选择数据连接,如果不选则默认和系统一样的连接。
选项插槽:当要自定义选项显示样式时可以用插槽来显示说明。
示例:
运行结果:
联动:联动是指当前控件值改变时,根据当前值去加载另一个控件的选项。
联动控件:选择要联动的控件。
数据来源:
数据字典下级:根据数据字典上下级选项联动。
url:从url加载下级选项。
示例:
url中的{<value>}是一个通配符,这里固定写法,表示控件值,在URL方法中获取参数parentId的值,根据值去加载下级选项。如果直接写url默认为get请求,如果要使用post请求,
则需要在url前面加上[post],例如:[post]api/TestEvent/GetChildrenOptions?parentId={<value>}。
url方法示例:
sql:根据sql查询加载下级选项(如果后边的数据连接没有选择,则默认为系统连接。)。
示例:
远程加载选项:远程加载选项需要在事件中写remote事件,示例:
参数:value为在输入框中输入的关键字 row为当前下拉控件的id。
this.otherData.remoteLoading[row]=true;是控件加载前显示加载状态,加载完成后设置为false,关闭加载状态。
这个可以使用ajax从服务端加载。
事件:
事件中value为选中项的值。
联系QQ:493501010电话:136 0832 5512(微信同号)邮箱:road@roadflow.net
Copyright 2014 - 2024 重庆天知软件技术有限公司 版权所有
|