如何在不刷新页面的情况下清空wenzhixin引导程序表中click事件的搜索框？

Question

I want to empty search box. when I click anywhere on a page then without refresh page I want to get an only empty search box in a wenzhixin bootstrap table

 <table id="view_table" data-toggle="table" 
      data-search="true"
      data-page-list="[5, 10, 20]"
      data-page-size="5"
      data-pagination="true"
      data-show-pagination-switch="true" >
 <thead>
    <tr class="table-heading">
       <th data-field="image"><h4>Image</h4></th>
       <th data-field="name"><h4>Name</h4></th>
    </tr>
 </thead>

   <tbody>


   </tbody>
</table>
<button id="empty_search" class="btn btn-primary">Save</button>
 <script>
    $('#empty_search').on('click', function(){
        $.(this.["data-search"]).empty();
    });
</script>

Answer 1

Here is an example: http://jsfiddle.net/9ynp8j6k/1/

You can empty the form field like this:

$('#clear').on("click",function() {
    $('.bootstrap-table .form-control').val("");
});

Answer 2

When you click on the clear button so search box value reset and you search again new fresh data.

$('#clear').on("click",function() {
     $('#bootstrap_table_ID').bootstrapTable("resetSearch","");
 });