jquery - jqGridを使用せずにjqGrid高度な検索を使用する方法はありますか？

Question

jqGridを使用せずにjqGrid高度な検索を使用する方法はありますか？

つまり、ulリストがあり、jqGridによるこの驚くべき高度な検索を使用したいと思います。

その高度な検索ウィンドウを開いて、ajax投稿を実行するボタンがあればいいと思います。したがって、javascriptを使用してjsonの結果を処理し、ulを更新できます。

これは可能ですか？

Answer 1

このようなものはどうですか？見やすいフィドルは次のとおりです。デモ

$(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');   
});

});
});​