jquery - 单击按钮时数据表中的过滤器值不保留

Question

我在保存数据表中的搜索值状态时遇到了问题。我有获取详细信息数据的数据表。现在每列都有一个搜索字段。当我在搜索字段上写一些东西时，该特定页面的匹配值正在被填充。现在在我的应用程序中，如果我单击每一行，则会出现一个带有详细信息值的关闭按钮。如果我单击关闭按钮，页面将关闭，但主页会丢失过滤器值。我想在关闭子页面后保留搜索值。

请帮助我，因为我陷入了这个问题。提前致谢。

单击关闭按钮时调用的函数::

$('#closeDivButton').on('click',function(){
                            $('#detailsPage').hide();
                           exampletable.$('#action').show();
}

在jsp页面中：

通过执行以下操作保存数据表的状态：

.DataTable(
                                                            {
                                                                //"responsive" : true,
                                                                //"bStateSave": false,
                                                                "destroy" : true,
                                                                "autoWidth" : false,
                                                                "stateSave" : true,
                                                                "ajax" : {
}

$('#example tfoot td')
                                                    .each(
                                                            function() {
                                                                var title = $(
                                                                        this)
                                                                        .text();
                                                                //alert('search4:'+title);
                                                                $(this)
                                                                        .html(
                                                                                '<input id="searchbutton" type="text" size="10" placeholder="Search '+title+'" /><img src="'+contextPath+'/img/clear.png" id="clearsearch" title="Clear" width="15px;" height="15px;"/>');
                                                                //$(this).html( '<div class="input-placeholder"><input id="searchbutton" class="col-lg-3 col-md-3 col-sm-5 col-xs-5 form-control" type="text" size="10" placeholder="Search" /><span class="fa fa-search form-control-feedback"></span></div>' );
                                                            });
                                            // Restore state
                                            var state = exampletable.state.loaded();
                                            //alert('state5:'+state);
                                            if ( state ) {
                                                exampletable.columns().eq( 0 ).each( function ( colIdx ) {
                                                  var colSearch = state.columns[colIdx].search;

                                                  if ( colSearch.search ) {
                                                    $( 'input', exampletable.column( colIdx ).footer() ).val( colSearch.search );
                                                  }
                                                } );

                                                exampletable.draw();
                                              }

当页面刷新时它正在工作，但当单击关闭按钮隐藏详细信息时它不工作。

标签： jquerydatatable