文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在不更新“搜索”输入字段的情况下手动搜索数据表

问如何在不更新“搜索”输入字段的情况下手动搜索数据表
EN

Stack Overflow用户

提问于 2018-11-26 15:35:45

回答 1查看 45关注 0票数 0

如果我手动打电话：

tabla.search('Advanced:' + search).draw();

其中"tabla“是datatable，" search”输入字段用搜索文本更新。

事实上，我正在使用相同的字段实现高级搜索功能。

如果用户在搜索字段(简单搜索)中输入某些内容，网格将随着搜索而自动刷新。这样就可以了。

不过，我有一份高级的搜索表格。当执行这种搜索时，我需要发送到服务器的搜索参数，以包含所有前缀为"Advanced:“的搜索字段。这样，在服务器端，我可以知道搜索是简单的还是高级的。

问题是，当使用" search“方法时，输入字段将被更新为搜索内容。如果执行高级搜索，则该文本将出现在该字段中，例如：

Advanced:Campo_1=936969&Campo_2=&Campo_4=&Campo_7=&Campo_3=&Campo_5=&Campo_6=&Campo_8=

有没有办法避免对搜索字段进行更新？

谢谢詹姆

datatable

datatables

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-11-28 11:51:12

最后，我创建了一个自定义搜索字段并删除了默认的字段。

为了完成它，我使用了这个dom定义：

           dom: "<'row'<'col-sm-12 col-md-4'<\"gridToolbar\">><'col-sm-12 col-md-4'l><'col-sm-12 col-md-4'<\"customSearch\">>>" +
                "<'row'<'col-sm-12'tr>>" +
                "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>"

然后，在draw.dt事件中，我添加了：

            $("div.customSearch").html('<div id="facturas_filter" class="dataTables_filter"><label>Buscar:<input type="search" class="form-control form-control-sm" placeholder="" aria-controls="facturas"></label></div>');
            $('#facturas_filter input').on('keyup', function () {
                tabla.search($('#facturas_filter input').val()).draw();
            });

干杯，詹姆

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/53484479

复制

相似问题

问如何在不更新“搜索”输入字段的情况下手动搜索数据表
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在不更新“搜索”输入字段的情况下手动搜索数据表EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在不更新“搜索”输入字段的情况下手动搜索数据表
EN