bui.levelselect Class
Constructor
bui.levelselect
(
-
option
Parameters:
-
optionObject-
[data]Array optional[渲染的二维数据]
-
[trigger]String optional[触发弹出框的按钮样式名]
-
[field]Object optional[1.4.5新增 默认,{ name: "n", data: ["c","a"] }]
-
[name]String optional[ 数据的文本字段 ] -
[data]Array optional[ 支持多个不同字段 ]
-
-
[title]String optional[弹出层的标题]
-
[placeholder]String optional[按钮的提示文本]
-
[value]Array optional[初始化选中的文本 例如:["广东","广州市","天河区"]]
-
[popup]Boolean optional[ 是否弹出, 为true 下面效果才会有效 ]
-
[autoClose]Boolean optional[ 点击最后一个是否关闭 ]
-
[height]Number optional[ 弹出的高度默认300]
-
[mask]Boolean optional[ true | false 是否显示遮罩]
-
[showValue]Boolean optional[ true | false 是否在弹出层显示选中值 ]
-
[fullscreen]Boolean optional[ false | true 是否全屏]
-
[effect]String optional[出现的效果,更多参考bui.toggle]
-
[position]String optional[ 显示的位置 top | bottom | center ]
-
[appendTo]String | Object optional[ 默认:"" ]
-
Example:
js: // http://www.easybui.com/demo/json/citys.js
// 普通初始化
var citySelect = bui.levelselect({
data: citys,
title: "所在地区",
trigger: ".selected-val",
level: 3,
field:{
name: "n",
data: ["c","a"],
}
})
// 设置值
var citySelect2 = bui.levelselect({
data: citys,
title: "所在地区",
trigger: ".selected-vals",
level: 3,
field:{
name: "n",
data: ["c","a"],
},
value: ["广东","广州市","天河区"]
})Methods
hide
()
chainable
隐藏窗口
Example:
//显示菜单
citySelect.hide();show
()
chainable
显示窗口
Example:
//显示菜单
citySelect.show();value
()
chainable
隐藏窗口
Example:
//取值
citySelect.value();
//设置值
citySelect.value(["广东","广州市","天河区"]);widget
(
-
[name]
获取依赖的控件
Parameters:
-
[name]String optional[ 依赖控件名 dialog, slide, select ]
Example:
//获取依赖控件
var citySelectWidget = citySelect.widget();Events
off
为控件取消绑定事件
Event Payload:
-
[type]String optional[ 事件类型: "change"(点击选择框改变的时候触发) ]
-
[callback]Function optional[ 绑定的事件, this 为当前点击的菜单 ]
Example:
citySelect.off("change");on
为控件绑定事件
Event Payload:
-
[type]String optional[ 事件类型: "change"(点击选择框改变的时候触发) ]
-
[callback]Function optional[ 绑定的事件, this 为当前点击的菜单 ]
Example:
citySelect.on("change",function () {
// 点击的菜单
console.log(this);
});