代码之家  ›  专栏  ›  技术社区  ›  jay

jQuery quicksearch插件修补JSON

  •  0
  • jay  · 技术社区  · 16 年前

    我已经实现了 quicksearch plugin 作者Rik Lomas,我喜欢它在我正在构建的自定义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
    });
    
    1 回复  |  直到 16 年前
        1
  •  0
  •   jay    16 年前

    如果这对任何人都有帮助,我已经实现了jQuery插件 DataTables 为了解决这个问题,它提供了网格函数、分页和实时过滤器。它似乎是我遇到的最通用的网格插件,满足了我的需求。