AppCan文档中心-uexSearchBarView
 
下载文档

uexSearchBarView
更新时间:2016-04-21

1、简介

1.1、说明

搜索框插件

1.2、UI展示

1.3、开源源码

插件测试用例与源码下载:点击 插件中心至插件详情页 (插件测试用例与插件源码已经提供)

2、API概览

2.1、方法

open 打开搜索框

uexSearchBarView.open(json)

说明:

打开搜索框

参数:

  1. var json = {
  2. x:,//(必选) 左间距
  3. y:,//(必选) 上间距
  4. w:,//(必选) 宽度
  5. h:,//(必选) 高度
  6. searchBar:{//(可选) 搜索框样式
  7. placehoderText:,//(可选) 输入框预置文字
  8. textColor:,//(可选) 输入框中文字颜色
  9. inputBgColor://(可选) 输入框背景色
  10. },
  11. listView:{//(可选) 列表样式
  12. bgColor:,//(可选) 背景色
  13. separatorLineColor:,//(可选) 分隔线颜色
  14. itemTextColor://(可选) 列表项文字颜色
  15. }
  16. }

平台支持:

Android 2.2+
iOS 6.0+

版本支持:

Android 3.0.0+
iOS 3.0.0+

示例:

  1. var width = window.screen.width;
  2. var height = window.screen.height - 300;
  3. var param1 = {
  4. x:200,
  5. y:0,
  6. w:width,
  7. h:height,
  8. searchBar:{
  9. placehoderText:"搜索词",
  10. textColor:"#ff0000",
  11. inputBgColor:"#ffffff"
  12. },
  13. listView:{
  14. bgColor:"#ffffff",
  15. separatorLineColor:"#ff0000",
  16. itemTextColor:"#ff00ff"
  17. }
  18. };
  19. var data1 = JSON.stringify(param1);
  20. uexSearchBarView.open(data1);

运行效果:

close 关闭搜索框

  1. uexSearchBarView.close()

说明:

关闭搜索框

参数:

平台支持:

Android 2.2+
iOS 6.0+

版本支持:

Android 3.0.0+
iOS 3.0.0+

示例:

  1. uexSearchBarView.close()

clearHistory 清空搜索历史

  1. uexSearchBarView.clearHistory()

说明:

清空搜索历史

参数:

平台支持:

Android 2.2+
iOS 6.0+

版本支持:

Android 3.0.0+
iOS 3.0.0+

示例:

  1. uexSearchBarView.clearHistory();

2.2、监听方法

onItemClick item被点击的监听方法

uexSearchBarView.onItemClick(json);

参数:

  1. var json = {
  2. index:,//(必选) 索引
  3. keyword://(必选) 关键字
  4. }

平台支持:

Android 2.2+

iOS 6.0+

版本支持:

Android 3.0.0+

iOS 3.0.0+

示例:

  1. uexSearchBarView.onItemClick = function(data){
  2. alert(data);
  3. }

onSearch 用户点击搜索之后的回调

uexSearchBarView.onSearch(json);

参数:

  1. var json = {
  2. keyword://(必选) 关键字
  3. }

平台支持:

Android 2.2+

iOS 6.0+

版本支持:

Android 3.0.0+

iOS 3.0.0+

示例:

  1. uexSearchBarView.onSearch = function(data){
  2. alert(data);
  3. }

3、更新历史

iOS

API版本:uexSearchBarView-3.0.1

最近更新时间:2015-12-26

历史发布版本 更新内容
3.0.1 添加IDE支持
3.0.0 搜索框

Android

API版本:uexSearchBarView-3.0.1

最近更新时间:2015-11-06

历史发布版本 更新内容
3.0.1 去掉插件中的ActivityGroup,配合引擎升级
3.0.0 搜索框