bui.searchbar Class
Constructor
bui.searchbar
(
-
option
Parameters:
-
optionObject-
idString[控件id]
-
[handle]String optional[点击的搜索按钮]
-
[onInput]Function optional[ 实时搜索的回调 ]
-
[onRemove]Function optional[ 移除关键词以后的回调 ]
-
[callback]Function optional[ 点击按钮的回调 ]
-
Example:
html:
<div id="searchbar" class="bui-searchbar">
<div class="bui-input">
<i class="icon-search"></i>
<input type="text" value="" placeholder="搜索"/>
</div>
</div>js:
// 初始化
var uiSearchbar = bui.searchbar({
id: "#searchbar",
callback: function(module,keyword) {
// 点击以后做什么事情
}
});Methods
destroy
(
-
[bool]
[销毁控件]
Parameters:
-
[bool]Boolean optional[ 默认: false 销毁部分 | true 销毁全部 ]
Example:
//销毁
uiSearchbar.destroy();init
(
chainable
-
[option]
初始化方法,用于重新初始化结构,事件只初始化一次
Parameters:
-
[option]Object optional[参数控件本身]
option
(
chainable
-
[key] -
[value]
获取设置参数
Parameters:
-
[key]String | object optional[ 不传则获取所有参数, 类型为string,没有第2个参数则获取某个参数 ]
-
[value]String | number | boolean | function optional[ 设置参数的时候要传,设置多个参数不用传,获取参数的时候也不用传 ]
Example:
//获取所有参数
var option = uiSearchbar.option();
//获取某个参数
var id = uiSearchbar.option( "id" );
//修改一个参数
uiSearchbar.option( "handle",".btn-search" );
//修改多个参数
uiSearchbar.option( {"handle":".btn-search"} );search
(
-
[name]
调用搜索的方法
Parameters:
-
[name]String optional[ 依赖控件名 ]
Example:
uiSearchbar.search();widget
(
-
[name]
获取依赖的控件
Parameters:
-
[name]String optional[ 依赖控件名 ]
Example:
//获取依赖控件
var uiSearchbarWidget = uiSearchbar.widget();Events
off
为控件取消绑定事件
Event Payload:
-
[type]String optional[ 事件类型: "search"(搜索时触发) | "remove"(移除关键字时触发) | "input"(每次输入时触发) ]
-
[callback]Function optional[ 绑定的事件, this 为当前点击的菜单 ]
Example:
uiSearchbar.off("show");on
为控件绑定事件
Event Payload:
-
[type]String optional[ 事件类型: "search"(搜索时触发) | "remove"(移除关键字时触发) | "input"(每次输入时触发) ]
-
[callback]Function optional[ 绑定的事件, this 为当前点击的菜单 ]
Example:
uiSearchbar.on("show",function () {
// 点击的菜单
console.log(this);
});