如何使用footable v3在页面加载上设置默认过滤器?

时间:2016-08-23 20:20:45

标签: jquery footable

在网络上上下搜索,无法找到有关如何使用适用版本3执行此操作的示例代码或说明。首先查看此处:http://fooplugins.github.io/FooTable/docs/examples/advanced/filter-dropdown.html

这是我正在使用的代码以及我的过滤器下拉列表的样子。而不是选择"任何状态"默认情况下,我想默认选择其中一个选项。我无法将以下行更改为其他选项之一,因为这不是该行的工作原理:

this.def = 'Any Status';

该行是创建一个重置过滤器的默认条目。

我尝试通过jquery手动选择其中一个选项,但是它没有自动将表格过滤到选定的过滤器。它仍然显示所有状态。下面你将看到我如何尝试用这两条注释掉的行重新触发表格过滤器,但两者都不起作用。

jQuery(function($){
    var text1 = 'Active'; //doing it with text because options don't have values
    $(".form-inline div select option").filter(function() {
        return this.text == text1; 
    }).attr('selected', true);
    //FooTable.components.core.register('filtering', FooTable.MyFiltering); //doesn't work
    //self.filter(); //doesn't work
});

此外,仍然会喜欢"任何状态"选项在那里,允许显示具有任何状态的所有行。

1 个答案:

答案 0 :(得分:0)

这是我最终做的工作。只需模拟点击搜索按钮即可。

jQuery(function($){
    var text1 = 'Active';
    $(".form-inline div select option").filter(function() {
        return this.text == text1; 
    }).attr('selected', true);
    $( "button.btn.btn-primary" ).click();
});