搜索框插件
插件测试用例与源码下载:点击插件中心至插件详情页 (插件测试用例与插件源码已经提供)
本插件的所有API默认支持Android4.0+和iOS7.0+操作系统.
有特殊版本要求的API会在文档中额外说明.
本插件所有API默认在插件版本4.0.0+可用.
在后续版本中新添加的接口会在文档中额外说明.
open //打开搜索框
uexSearchBarView.open(json)
说明:
打开搜索框
参数:
var json = {
x:,
y:,
w:,
h:,
searchBar:{
placehoderText:,
textColor:,
inputBgColor:
},
listView:{
bgColor:,
separatorLineColor:,
itemTextColor:
}
}
各字段含义如下:
字段名称 | 类型 | 是否必选 | 说明 |
---|---|---|---|
x | Number | 是 | 左间距 |
y | Number | 是 | 上间距 |
w | Number | 是 | 宽度 |
h | Number | 是 | 高度 |
searchBar | Object | 否 | 搜索框样式 |
placehoderText | String | 否 | 输入框预置文字 |
textColor | String | 否 | 输入框中文字颜色 |
inputBgColor | String | 否 | 输入框背景色 |
listView | Object | 否 | 列表样式 |
bgColor | String | 否 | 背景色 |
separatorLineColor | String | 否 | 分隔线颜色 |
itemTextColor | String | 否 | 列表项文字颜色 |
示例:
var width = window.screen.width;
var height = window.screen.height - 300;
var param1 = {
x:200,
y:0,
w:width,
h:height,
searchBar:{
placehoderText:"搜索词",
textColor:"#ff0000",
inputBgColor:"#ffffff"
},
listView:{
bgColor:"#ffffff",
separatorLineColor:"#ff0000",
itemTextColor:"#ff00ff"
}
};
var data1 = JSON.stringify(param1);
uexSearchBarView.open(data1);
运行效果:
close //关闭搜索框
uexSearchBarView.close()
说明:
关闭搜索框
参数:
无
示例:
uexSearchBarView.close()
clearHistory //清空搜索历史
uexSearchBarView.clearHistory()
说明:
清空搜索历史
参数:
无
示例:
uexSearchBarView.clearHistory();
onItemClick item
uexSearchBarView.onItemClick(json);
参数:
var json = {
index:,//(必选) 索引
keyword://(必选) 关键字
}
示例:
uexSearchBarView.onItemClick = function(data){
alert(data);
}
onSearch //用户点击搜索之后的回调
uexSearchBarView.onSearch(json);
参数:
var json = {
keyword://(必选) 关键字
}
示例:
uexSearchBarView.onSearch = function(data){
alert(data);
}
API版本: uexSearchBarView-4.0.0
最近更新时间:2015-12-26
历史发布版本 | 更新内容 |
---|---|
API版本: uexSearchBarView-4.0.0
最近更新时间:2015-11-06
历史发布版本 | 更新内容 |
---|---|