поиск и фильтрация элементов в меню суперфиш - PullRequest
Новая
       11

поиск и фильтрация элементов в меню суперфиш

0 голосов
/ 28 июля 2010

Я использую плагин Superfish JQuery и это нормально. Но у меня есть меню с * многими "голосами (не менее 300), и мне интересно, есть ли способ поместить какое-либо текстовое поле и отфильтровать голоса меню на основе того, что пишет пользователь.

Вот так (http://jsearchdropdown.sourceforge.net/)..., но этот выглядит довольно уродливо!

С уважением, Segolas

1 Ответ

0 голосов
/ 28 июля 2010

решаемая.Мой код выполняет поиск в большой HTML-таблице, содержащей поля, относящиеся к электронной почте, а также добавляет и удаляет элементы в меню в зависимости от того, что пользователь вводит в поле ввода текста.

Код JavaScript: 

$(function(){
$('#msgIndexUL').superfish();

$("#menuFilterTextField").keyup(function(){         
    $("#msgIndex li:not('#menuFilter')").empty();

    var id;
    var mailSubject;
    $(".results tbody tr").filter(":contains('"+ $("#menuFilterTextField").val() +"')").each(function(){        
        id = $(this).attr('id');
        mailSubject = $($(this).children(".mailSubject")).html();       
        $("#msgIndex").append("<li><a href='#"+id+"'>"+mailSubject+"</a></li>");                            

    });                         
});

});

И HTML: 

<ul id="msgIndexUL" class="sf-menu">
                <li class="current">
                    <a href="##">Indice dei messaggi</a>
                    <ul id="msgIndex">
                        <li id="menuFilter"><input type="text" id="menuFilterTextField"/></li>
                    </ul>               
                </li>
</ul>
...