Bootstrap表格过滤器控制搜索使用后如何清除输入框
Posted
技术标签:
【中文标题】Bootstrap表格过滤器控制搜索使用后如何清除输入框【英文标题】：Bootstrap table filter control how to clear the input box after search use 【发布时间】：2021-07-09 07:04:59 【问题描述】：.clear() 函数不适用于我的代码。我不知道如何在 jQuery 中操作标签。
事件：
function ()
var $table = $('#table')
if($(".filter-control").is(":visible"))
$(".filter-control").hide()
$table.bootstrapTable('refresh')
$(".filter-control").clear();
else
$(".filter-control").show()
$table.bootstrapTable('refresh')
$(".filter-control").clear();
有趣的html代码是
<table>
<body>
<table id="table">
<thead>
<tr>
<th data-field="id" data-filter-control="input" data-width ="400" >Id</th>
<th data-field="name" data-filter-control="input" data-width ="400" >Item Name</th>
<th data-field="price"data-filter-control="input" data-width ="400" >Item Price</th>
</tr>
</thead>
</table>
<script>
function buttons()
return
btnUsersAdd:
text: 'Enable/Disable Filters',
icon:'fa-filter',
event: function ()
if($(".filter-control").is(":visible"))
$(".filter-control").hide()
$(".filter-control").clear();
$table.bootstrapTable('refresh')
else
$(".filter-control").show()
$(".filter-control").clear();
$table.bootstrapTable('refresh')
</script>
【问题讨论】：
你可能想要$(".filter-control").val("")
你能否详细说明我使用了 $(".filter-control").val(" ")
检查你的控制台，你应该得到错误 $(...).clear is not a function 所以将 .clear() 更改为 .val("") - 但如果没有 html 显示 .filter-control 是什么，这只是一个猜测。
哦，我会这样做的，我在这里粘贴整个 html 代码
请正确格式化您的问题。您可以使用反引号 `like this 突出显示其他文本中的代码元素 - 代码块应以三个反引号开头和结尾。我已经修复了你的代码 3 次，但你一直把它放回不可读的状态。
【参考方案1】：
我找到了自己查询的答案， 1.将属性data-show-filter-control-switch="true"添加到表中 2. 确保表格高度发生变化时没有 data-height 属性，它会阻止这种情况发生。
【讨论】：
以上是关于Bootstrap表格过滤器控制搜索使用后如何清除输入框的主要内容，如果未能解决你的问题，请参考以下文章
使用bootstrap table时引入js:bootstrap-table.min.js后，表格信息等正常显示，但控制台报错
如何修改bootstrap中 datatable 表格的样式？
搜索后，p:dataTable 不会更新，除非调用了两次搜索或输入并清除了过滤器中的某些内容