J'ai besoin d'implémenter une fonctionnalité de recherche dans mon application (comme le contrôle F du bloc-notes). J'ai un groupe de données que je dois rechercher s'il est présent ou non. Les données ne sont pas dans la vue de liste. c'est comme si nous écrivions quelque chose dans le bloc-notes puis nous recherchons n'importe quel travail. est-ce possible ? Pouvez-vous me dire comment faire ? Veuillez me fournir un exemple.
Réponse
Trop de publicités?
Vous pourriez peut-être utiliser le window.find(aString, aCaseSensitive, aBackwards, aWrapAround, aWholeWord, aSearchInFrames, aShowDialog)
- aString : La chaîne de texte à rechercher.
- aCaseSensitive : Valeur booléenne. Si elle est vraie, elle spécifie une recherche sensible à la casse.
- aBackwards : Booléen. Si vrai, spécifie une recherche en arrière.
- aWrapAround : Booléen. Si vrai, spécifie une recherche enveloppante.
- aWholeWord : Booléen. Si vrai, spécifie une recherche par mot entier.
- aSearchInFrames : Booléen. Si vrai, spécifie une recherche dans les cadres.
- aShowDialog :Booléen. Si vrai, spécifie une boîte de dialogue d'affichage.
Exemple :
<!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>
