jQuery quicksearch插件修补JSON

Question

我已经实现了Rik Lomas的quicksearch plugin，我喜欢它在我正在构建的自定义CMS中的应用程序。我想知道，因为如果有一种方法可以使用我的json回调中的数据来填充表，因为用户搜索而不是表内容本身，我会想知道表中有多少项。

因此，当您加载页面时，事件链将会是这样的：

-jQuery.getJSON请求 - 启动快速搜索并限制最初在表中显示的行数 - 当用户在过滤器中进行击键时，新值将从JSON数据而不是表内容中提取（仍然限制表中显示的数字）并更新表。

我的JSON请求：

$.getJSON("jsonrequest.php", function(data){

    $.each(data, function(i){
        $("#result tbody").append('<tr><td>' + this.organization + '</td><td>' + this.city + '</td><td>' + this.state + '</td></tr>');
    });

});

我的快速搜索功能：

$('table#result tbody tr').quicksearch({
    position: 'before',
    attached: 'table#result',
    stripeRowClass: ['evenrows', ''],
    labelText: 'Filter Results: ',
    loaderText: '',
    delay:0,
    focusOnLoad:true
});

Answer 1

如果这有助于任何人我已经实现了jQuery插件DataTables来解决这个问题，它提供了网格功能，分页和实时过滤器。它似乎是我遇到的最通用的网格插件。