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. poj 2831 次小生成树模板

    /*次小生成树 题意:给你一些路径,现在将一部分路径权值减少后问是否可以替代最小生成树里面的边. 解:次小生成树,即将这条边连上,构成一个环 求出任意两点路径之间的除了这条边的最大值,比较这个最大值& ...

  2. [TS-A1489][2013中国国家集训队第二次作业]抽奖[概率dp]

    概率dp第一题,开始根本没搞懂,后来看了09年汤可因论文才基本搞懂,关键就是递推的时候做差比较一下,考虑新加入的情况对期望值的贡献,然后推推公式(好像还是不太会推qaq...) #include &l ...

  3. nyoj_915_+-字符串_201402261520

    +-字符串 时间限制:1000 ms  |           内存限制:65535 KB 难度:1   描述 Shiva得到了两个只有加号和减号的字符串,字串长度相同.Shiva一次可以把一个加号和 ...

  4. log显示error时的堆栈信息理解和分析

    error显示的log堆栈信息,是从最深层(最内层)的堆栈信息开始由内向外打印的. error显示的log堆栈信息,是从最深层(最内层)的堆栈信息开始由内向外打印的. error显示的log堆栈信息, ...

  5. ubuntu网卡ip的配置

    ifconfig 命令的结果 和 ip addr (或者查看具体网卡的是 ip addr show eth0) 看到的结果不一样, ip addr show eth0 可以看到eth0网卡上面的多个 ...

  6. C++操作Json字符串

    一.从字符串中读取JSON a.cpp ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 ...

  7. android自带的处理Bitmap out Memory 的处理,我仅仅是改变了些写法成为自己用的东西

    每天上万次的启动载入证明这个载入是不错的; 第三方的载入框架非常多,推荐使用成熟框架,比方大家都知道的ImageLoad等, 这里的仅仅供学习; 我也曾在一个菜谱的项目里写过载入手机相冊图片的,只是当 ...

  8. WPF中控件TextBlock使用（简单）

    TextBlock主要用来显示文字.比方: <TextBlock Name="txtBlockOutpuMessage"   Text="hello" / ...

  9. oc65--协议应用1，接口.做数据类型限定

    // WifeCondition.h #import <Foundation/Foundation.h> @protocol WifeCondition <NSObject> ...

  10. How to do IF NOT EXISTS in SQLite

    http://stackoverflow.com/questions/531035/how-to-do-if-not-exists-in-sqlite How about this? INSERT O ...