Twitter Bootstrap Ligne Du Filtre / De La Zone De Recherche
Je vais avoir du mal à trouver un tutoriel sur la façon de créer une simple recherche sur une requête ou un filtre de ligne, pour Twitter Bootstrap. J'ai essayé beaucoup, je ne suis pas sûr si je fais quelque chose de mal ou les plugins ne sont pas compatibles avec Bootstrap. S'il vous plaît aider si vous le pouvez.
J'ai essayé:
$(document).ready(function() {
//Declare the custom selector 'containsIgnoreCase'.
$.expr[':'].containsIgnoreCase = function(n,i,m){
return jQuery(n).text().toUpperCase().indexOf(m[3].toUpperCase())>=0;
};
$("#search").keyup(function(){
$("#tabela").find("tr").hide();
var data = this.value.split(" ");
var jo = $("#tabela").find("tr");
$.each(data, function(i, v){
//Use the new containsIgnoreCase function instead
jo = jo.filter("*:containsIgnoreCase('"+v+"')");
});
jo.show();
}).focus(function(){
this.value="";
$(this).css({"color":"black"});
$(this).unbind('focus');
}).css({"color":"#C0C0C0"});
});
Rien qu'avec cette... Peut-être que je suis en manque, "id" sur ma table ou de la zone de recherche, je suis de nouveau avec cette.
Édité le anwer
OriginalL'auteur user2044129 | 2013-02-05
Vous devez vous connecter pour publier un commentaire.
Voici ce que j'utilise:
Pour l'utiliser, il vous suffit de créer une table, avec un tbody avec la classe "recherchés" et à une entrée de la classe "filtre" quelque part sur votre page (je préfère les mettre dans un Bootstrap Popup derrière une icône de recherche).
Super code, il permet de gagner du temps.
Nice extrait. Très utile!
Avec jQuery > 1.7
.live()
devrait être.on()
.J'ai besoin de montrer à Ajouter dans la liste si je n'ai pas l'élément u peut m'aider ??
OriginalL'auteur Filipp Lepalaan
C'est l'exemple vivant de la solution fournie par Filipp Lepalaan. Merci beaucoup pour ce petit et parfait code.
Exemple
});
J'ai besoin de montrer à Ajouter dans la liste si je n'ai pas l'élément u peut m'aider ??
OriginalL'auteur GiorgiTBS