需要在jquery mobile(phonegap)中搜索或查找功能

时间:2013-06-22 11:35:24

标签: jquery-mobile cordova

我需要在我的应用程序中实现搜索功能(与记事本控件F相同)。我需要搜索一组数据是否存在于。不存在.Data不在列表视图中。就像我们写一些东西一样在记事本中,我们搜索任何工作。这可能。? 你能告诉我怎么做吗? 请提供一些例子。

1 个答案:

答案 0 :(得分:1)

也许您可以使用 window.find(aString, aCaseSensitive, aBackwards, aWrapAround, aWholeWord, aSearchInFrames, aShowDialog)

  • aString:要搜索的文本字符串。
  • aCaseSensitive:布尔值。如果为true,则指定区分大小写的搜索。
  • aBackwards:布尔值。如果为true,则指定向后搜索。
  • aWrapAround:布尔值。如果为true,则指定环绕搜索。
  • aWholeWord:布尔值。如果为true,则指定整个单词搜索。
  • aSearchInFrames:Boolean。如果为true,则指定以帧搜索。
  • aShowDialog:布尔值。如果为true,则指定show对话框。


例如:

<!DOCTYPE html>
<html>

    <head>
        <title>jQuery Mobile Nested List</title>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
        <script type="text/javascript">
        function findText (str) 
        {
            if (str === "") {
                alert ("Please enter some text to search!");
                return;
            }

            if (window.find) {
                window.find (str, false, false, true, false, true, false);
            }
        }

        $(document).on('click', '#search', function () {
            findText("blah");
        });
    </script>
    </head>

    <body>
        <div id="list-page" data-role="page">
            <div data-role="header">
                 <h1>Find Page</h1>

            </div>
            <div data-role="content">
                <label for="search-field">Text Input:</label>
                <p> blah this is a test blah this is a test blah</p>
                <input type="button" name="search" id="search" value="Search"/>
            </div> 
        </div>
    </body>

</html>