jquery - 有没有办法在不使用 jqGrid 的情况下使用 jqGrid 高级搜索？

Question

有没有办法在不使用 jqGrid 的情况下使用 jqGrid 高级搜索？

我的意思是，我有一个ul列表，我想使用 jqGrid 这个惊人的高级搜索。

我想我可以有一个按钮，打开高级搜索窗口，然后执行 ajax 发布。所以我可以使用javascript来处理json结果来更新我的ul。

这可能吗？

Answer 1

这样的事情怎么样？这是更容易看到的小提琴：DEMO

$(function(){
$('#search').dialog({width:'400px',buttons:{"Search":function(){$(this).find('input').keyup();}}});
$('#search').find('input').on('keyup',function(){
    console.log('selectValue:' + $('select').val());
    var lis = $('#searchMe').find('li');
    var inputVal = $(this).val();
    lis.each(function(){
        console.log(inputVal + '  :  ' + $(this).html()); 
    var match = false;
    switch ($('select').val()){
        case '0':
            if($(this).html()==inputVal)
                match=true;
            break;
        case '1':
            if($(this).html().indexOf(inputVal)>=0)
                match=true;
            break;
        case '2':
            if($(this).html().indexOf(inputVal)==0)
                match=true;
            break;
        case '3':
            if($(this).html().indexOf(inputVal)==$(this).html().length-inputVal.length)
                match=true;     
    }
    if (inputVal.length==0)
        match = true
    if (inputVal.length>$(this).html().length)
        match = false
    if (match)
        $(this).removeClass('hidden');
    else
        $(this).addClass('hidden');   
});

});
});​