下拉菜单
# Dropdown 下拉菜单
#
# 1、基础用法--comp方式渲染
#
comp渲染,必须申明class为comp 然后在comp里面添加相应的参数配置。 如果是comp方式渲染的对象,通过 $("#input_obj").attrObj("_CtpUiDropdown");方式来获取对象
▼显示代码
# 2、基础用法--下拉菜单,存在不可以点击
#
下拉菜单
▼显示代码
# 3、基础用法--下拉菜单,存在图标
#
下拉菜单,存在图标
▼显示代码
# 4、基础用法--下拉菜单,指定容器的宽度
#
下拉菜单,指定容器的宽度
▼显示代码
# 5、基础用法--下拉菜单,从右边显示
#
下拉菜单,从右边显示
▼显示代码
# 6、基础用法--下拉菜单,采用对象渲染
#
下拉菜单
▼显示代码
#
# 参数列表
参数 | 说明 | 类型 | 可选值 | 默认值 | |
---|---|---|---|---|---|
type | 控件类型 | string | CtpUiDropdown | ||
options | 下拉值集 | Array | 自定义 | [] | |
---------- | value | 下拉项对应的值 | string | 自定义 | |
---------- | label | 下拉项显示的label | string | 自定义 | |
---------- | icon | 字体图标 | string | 自定义 | |
---------- | iconColor | 字体图标颜色 | string | 自定义 | |
---------- | disabled | 下拉项是否disabled | boolean | true/false | false |
---------- | type | 下拉项的类型 【item】表示普通项,【split】表示元素之间的分割线 | string | item/split | item |
---------- | fun | 选择数据的回调函数 | function | 自定义 | |
align | 下拉项的文字显示位置 | string | left/center | left | |
radio | 是否可以单选任意项 | boolean | false/true | false | |
width | 容器的宽度【如果定义了宽度,则取定义的宽度, 如果没有定义宽度,则取渲染元素的自身宽度作为下拉容器的宽度】 | number | 自定义 | 渲染元素的自身宽度 | |
search | 是否支持筛选 | boolean | false/true | false |
#
# 方法列表
方法名 | 说明 | 参数 1 | 参数 2 |
---|---|---|---|
attachEvent | 注册方法 | eventName[方法名] | fun[回调函数] |
detachEvent | 销毁方法 | eventName[方法名] |
事件调用例子
dropdown.attachEvent("click", function(value, text){
// your code here
return true;
});
#
# event事件列表
eventName | 参数 1 | 参数2 |
---|---|---|
click | value [选项的value] | text[选项的text] |
afterInit |