app中经常会有搜索的页面。

大概逻辑是，一般来说首页有一个搜索的图，点击之后跳转到一个搜索的页面，在这个页面做搜索。

正常代码逻辑

<body>

    <a class="button" tapmode="active" onclick="open_s()">打开搜索页面</a>

    <a class="button" tapmode="active" onclick="close_s()">关闭搜索页面</a>

    <a class="button" tapmode="active" onclick="setText_s()">设置搜索框的文字</a>

    <a class="button" tapmode="active" onclick="clearHistory_s()">清空当前搜索历史记录</a>

</body>

<script type="text/javascript" src="../script/api.js"></script>

<script type="text/javascript">

    apiready = function() {

        api.addEventListener({

            name : 'shake'

        }, function(ret, err) {

            console.log();

            close_s()

        });

    };

    function open_s() {

        var UISearchBar = api.require('UISearchBar');

        UISearchBar.open({

            placeholder: '请输入搜索关键字',

            historyCount: ,

            showRecordBtn: true,

            texts: {

                cancelText: '取消',

                clearText: '清除搜索记录'

            },

            styles: {

                navBar: {

                    bgColor: '#FFFFFF',

                    borderColor: '#ccc'

                },

                searchBox: {

                    bgImg: '',

                    color: '#000',

                    height:

                },

                cancel: {

                    bg: 'rgba(0,0,0,0)',

                    color: '#D2691E',

                    size:

                },

                list: {

                    color: '#696969',

                    bgColor: '#FFFFFF',

                    borderColor: '#eee',

                    size:

                },

                clear: {

                    color: '#000000',

                    borderColor: '#ccc',

                    size:

                }

            }

        }, function(ret, err) {

            if (ret) {

                alert(JSON.stringify(ret));

            } else {

                alert(JSON.stringify(err));

            }

        });

    }

    function close_s() {

        var UISearchBar = api.require('UISearchBar');

        UISearchBar.close();

    }

    function setText_s() {

        var UISearchBar = api.require('UISearchBar');

        UISearchBar.setText({

            text: '设置语音识别的文本'

        });

    }

    function clearHistory_s() {

        var UISearchBar = api.require('UISearchBar');

        UISearchBar.clearHistory();

    }

</script>

apicloud UISearchBar 使用方法的更多相关文章

  1. apicloud常用分享方法

    app中经常会有分享的功能,不管是分享商品还是文字还是图片或者是发送给微信好友扣扣好友,一下做一总结. 分享的样式(分享所有的样式模块):MNActionButton. 在apicloud 中添加这个 ...

  2. iOS开发UI篇 -- UISearchBar 属性、方法详解及应用（自定义搜索框样式）

    很多APP都会涉及到搜索框,苹果也为我们提供了默认的搜索框UISearchBar.但实际项目中我们通常需要更改系统默认搜索框的样式.为了实现这一目标,我们需要先搞懂 UISearchBar 的属性及方 ...

  3. 快捷搜索框（UISearchBar）简单实现 swift

    1.在故事板里面拖入一个搜索栏和一个的tableView.2.创建的ViewController,实现代理:UISearchBarDelegate,UITableViewDataSource,的UIT ...

  4. 美团HD(5)-选择城市

    DJSelectCityViewController.m #import "DJSelectCityViewController.h" #import "DJConsta ...

  5. 在navigationItem中添加搜索栏

    给navigationItem中添加个搜索栏,效果和大部分程序一样.代码如下: UISearchBar *searchBar = [[UISearchBaralloc] initWithFrame:C ...

  6. 美团HD(7)-添加取消搜索按钮

    DJSelectCityViewController.m #pragma mark - UISearchBar 代理方法 /** SearchBar开始编辑 */ - (void)searchBarT ...

  7. img标签过滤加fs模块实现图片文件缓存

    方法一:function iCache(selector) { selector.each(function(data) { //msg(data); ! function(data) { var u ...

  8. javaSE27天复习总结

    JAVA学习总结    2 第一天    2 1:计算机概述(了解)    2 (1)计算机    2 (2)计算机硬件    2 (3)计算机软件    2 (4)软件开发(理解)    2 (5) ...

  9. Apicloud学习第三天——获取云数据库的数据方法

    apicloud学习30天中的对用进行注册和登录以及数据的获取的代码,在apicloud中有单独的api对用户的增删查改进行操作,这里写下增加和查询. 增加用户数据 var model=api.req ...

随机推荐

  1. noip模拟赛 排序

    分析:因为序列是不严格单调的,所以挪动一个数其实就相当于把这个数给删了.如果a[i] < a[i-1],那么可以删掉a[i],也可以删掉a[i-1](!如果没考虑到这一点就只有90分),删后判断 ...

  2. static_cast、dynamic_cast reinterpret_cast

    关于强制类型转换的问题,很多书都讨论过,写的最详细的是C++ 之父的<C++ 的设计和演化>.最好的解决方法就是不要使用C风格的强制类型转换,而是使用标准C++的类型转换符:static_ ...

  3. 51Nod——T 1113 矩阵快速幂

    https://www.51nod.com/onlineJudge/questionCode.html#!problemId=1113 基准时间限制:3 秒 空间限制:131072 KB 分值: 40 ...

  4. N天学习一个linux命令之df

    用途 查看系统硬盘空间使用情况 用法 df [OPTION]... [FILE]... 常用参数 -a, --all 显示所有文件系统,包含类似文件系统(dummy file system) -B, ...

  5. HPC2013小节

    对于高性能计算,三个分支能耗.高性能.容错.下面我对会议的主要内容作一个小节,很多问题也是不求甚解. 下面针对大会内容,我主要总结如下,会有了解不周的地方,欢迎讨论:大会主要报告分成3个方向,1.基础 ...

  6. [Cypress] Test Variations of a Feature in Cypress with a data-driven Test

    Many applications have features that can be used with slight variations. Instead of maintaining mult ...

  7. ListView的基本使用技巧

    ListView的基本使用技巧 1.headerView和footerView 2.ViewHolder 3.OnScrollListener 4.单行刷新 5.其它细节 ListView提供head ...

  8. 【Ubuntu】基本操作 (条目=11)

    定义 NAME 为要操作的对象名 定义 DIR 为文件所在的绝对路径 所有操作默认在普通用户下进行 所有软件包默认是指Debian包(deb包) 1.查看进程 top 2.强制结束进程 PID由top ...

  9. SQL2000数据库定期自动备份与修改

    SQL2000数据库定期自动备份与修改 http://www.veryhuo.com 2009-11-19 烈火网 投递稿件 我有话说   在SQL server企业管理器中,可以设置数据库的定期自动 ...

  10. local_response_normalization 和 batch_normalization

    Normalization   Normalization local_response_normalization local_response_normalization出现在论文”ImageNe ...