'Bootstrap table with "Filter Control: and server site

I try use bootstrap-table with Filter Control. After I change filter value and load data from ajax my filter value is cleared.

<table
  id="table"
  data-toggle="table"
  data-url="https://examples.wenzhixin.net.cn/examples/bootstrap_table/data"
  data-pagination="true"
  data-method="post"
  data-side-pagination="server"
  data-filter-control="true"
  data-search="true">
  <thead>
    <tr>
      <th data-field="id" data-sortable="true" data-filter-control="input">ID</th>
      <th data-field="name" data-sortable="true" data-filter-control="input">Item Name</th>
      <th data-field="price" data-sortable="true" data-filter-control="select" data-filter-data="var:test">Item Price</th>
    </tr>
  </thead>
</table>

Example on: https://live.bootstrap-table.com/code/jarekherisz/10259

Edit: I found reason in the file: bootstrap-table-filter-control.js The module is defined to rebuild the controls after each load:

enter image description here

It thing to me that this is the wrong approach and the cause of the problem. After commenting this line, the value of the input field does not reset after loading the data.

jquerybootstrap-table


Solution 1:[1]

Not a solve for this issue but I wanted to add that this is indeed a recognized issue with the interaction between the filter control plugin and server-side pagination, and that the recommended solution indeed seems to be to comment the createControls line. The drawback is it's not practical to do this on the minified version.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Arthur Boucher

Related Questions