点击查看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说明
下载代码
说明
X关闭
QUI框架Select单选下拉框美化版给你不一样的感觉
QUI框架Select单选下拉框美化版,QUI框架V3系列并不是对以往简单的升级,而是从各个方面都做了重大改进和完善。可以说,当看了这个3.0系列,你会发现以往的版本和它完全不在一个层次了。 1、组件使用方式极大地简化和一致性 所有表单元素组件都可以通过一句话实现创建。无需任何JS代码(异步上传控件除外)。 2、框架组件均支持JSON数据。组件可以通过一个url获取JSON数据,这样组件的数据项