1

使用 Bootstrap Table 插件（http://bootstrap-table.wenzhixin.net.cn/documentation/）第一次加载表格时如何设置搜索字符串？

仅存在一个“数据搜索”属性来启用搜索输入，但这并不能对其进行评估。

我寻找了一个“数据搜索文本”属性，但我没有找到它。

4

4 回答 4

0

不支持数据属性，但只能通过 JavaScript

bootstrapTable({
    formatSearch: function () {
        return 'search string';
    }
});
于 2015-01-20T08:29:30.007 回答
0

一个更好的解决方案是这个：

var srch_str = 'your search string';
var bstable_first_load = true;
table.on('post-body.bs.table', function () {//when the table is loaded the first time and visible in the DOM, set the search string...
    if(srch_str.length > 0 && bstable_first_load){$('.fixed-table-toolbar').find('.search > :input').val(srch_str);bstable_first_load = false};
});
于 2015-01-20T10:28:29.247 回答
0

我也需要这样的行为。我的第一次尝试是使用bootstrapTable('resetSearch', 'my-query')固定超时；可悲的是，这产生了两个请求（如果第一个查询发送给客户端，则会产生额外的重排），因此它不是最佳的。

过了一会儿，我发现可以明智地修改查询参数来实现目标（即仅适用于第一个请求）：

var start_query = '20';

$('#table').bootstrapTable({
     queryParams: function(params){
        if(start_query){
            $('.bootstrap-table').find('.search input').val(start_query)
            params['search'] = start_query
            start_query = null
        }
        return params
    }
});

有趣的是，该$input.val()调用不会触发任何额外的回调，因此上面的代码仅使用一个查询/请求。

请在此处查看工作演示：http: //jsfiddle.net/e3nk137y/15364/

编辑：实现这种行为的首选方法可能应该使用searchTextoption; 可悲的是，它也发出了两个请求。我在bootstrap-table repo中创建了一个问题。

编辑 2：两个请求行为的补丁searchText已合并到 Bootstrap Table 插件的开发分支中，应该是下一个版本的一部分。

于 2017-08-12T15:25:11.730 回答
0

此脚本允许您在第一次加载时过滤表中的数据

<script>
 $('document').ready(function(){
   const table = $('#tableId').DataTable();
   table.search('what_you_looking_for').draw();
 });
</script>
于 2021-12-14T19:46:01.493 回答