footable,如何在加载页面后初始化表的过滤器

时间:2016-02-16 10:44:37

标签: footable

我使用优秀的插件“footable”来订购和过滤我的表格。

但在某些情况下,我的网页必须使用某个过滤器进行初始化。例如,mu url是:

myurl/mypage/19

在服务器端,我得到'19'并将其发送到视图。在视图中,我将此值放入输入字段。

如何在加载页面后使用此输入值过滤此表?

我试过了:

$('table').footable();
$('table').trigger('footable_redraw');

$('table').footable();
$('table').trigger('footable_initialize');

没有成功。

的Dom

更新 我指定过滤器工作。只是当我在页面加载期间在字段中放入某些内容时,过滤器不会正常化。

js代码:

$(document).ready( function() {

    $('table').footable();
    $('table').trigger('footable_initialize');
})

html代码:

<input class="form-control" id="filter" type="text" placeholder="Rechercher ..." value="{{ $libelle_classe }}">

<table class="table footable table-hover table-bordered"  data-filter="#filter">

enter image description here

1 个答案:

答案 0 :(得分:2)

可能的解决方案是使用输入值手动触发过滤器事件:

$(document).ready( function() {
    $('table').trigger('footable_filter', {
        filter: $("#filter").val()
   });
});

我希望这有帮助!