点击查看API说明
1、json数据模式(json数据源)
使用url属性获取数据:
此示需后台支持,实现方式见本页面注释的代码。
使用url属性+参数获取数据:
此示需后台支持,实现方式见本页面注释的代码。
赋值给标签的data属性:
注意:使用json格式的字符串时所有节点的属性名与值都必须使用双引号
动态设置data(本地数据源)
动态设置data(远程数据源)
此示需后台支持,实现方式见本页面注释的代码。
2、本地模式
请选择功能
新增图片
维护图片
新增新闻
3、禁用/启用
4、change事件
使用bind方法绑定change事件
也可以使用标签自带的onchange
5、使用optgroup进行分组(仅本地模式可以)
请选择权限
新增图片
维护图片
新增新闻
新增用户
用户列表
6、宽度、高度与方向
下拉框默认为120px宽度,当有较长的选项时,下拉框宽度默认不变,而选项容器宽度自适应
请选择功能
我是很长很长很长很长很长很长很长很长的选项
维护图片
新增新闻
单独设置下拉框宽度,选项容器宽度默认不会小于下拉框宽度
请选择功能
维护图片
新增新闻
自定义容器高度:
强制向上展开:
7、可编辑
8、自定义列数
9、联动
此示例需后台支持,实现方式见本页面注释的代码。
10、设置初始时选中值
json数据模式:
使用selectedValue(推荐):
使用selectedIdx:
同一个组件不要既设置selectedIdx又设置selectedValue
本地模式:
请选择功能
新增图片
维护图片
新增新闻
11、动态生成下拉框
此示例需后台支持,实现方式见本页面注释的代码。
此示例需后台支持,实现方式见本页面注释的代码。
12、动态修改下拉框
json数据模式:
本地模式:
请选择功能
新增图片
维护图片
新增新闻
13、重置下拉框值
传统表单元素:
下拉框1:
下拉框2:
14、浏览器原始下拉框
请选择功能
新增图片
维护图片
新增新闻
点击查看API说明