EasyUI Forum
September 14, 2025, 11:32:53 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Datagrid Filter without Filter bar  (Read 7432 times)
devnull
Sr. Member
****
Posts: 431


View Profile
« on: May 15, 2015, 05:42:13 PM »

I would like to set filters on the datagrid using external elements and not the Filter Bar, how can I do this  as this does not appear to work:

Code:
    var dg = $('#xxx');
    dg.datagrid('removeFilterRule','XX_X');
    dg.datagrid('addFilterRule', {
      field: 'XX_X',
      op: 'equal',
      value: 'myValue'
    });
   
    dg.datagrid('doFilter');

Logged

-- Licensed User --
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: May 16, 2015, 01:53:29 AM »

You must call 'enableFilter' method to enable the filter functionality before calling 'doFilter' method.
Code:
var dg = $('#xxx');
dg.datagrid('enableFilter');
dg.datagrid('removeFilterRule','XX_X');
dg.datagrid('addFilterRule', {
  field: 'XX_X',
  op: 'equal',
  value: 'myValue'
});

dg.datagrid('doFilter');

If you want to hide the filter bar, please add the code below to the page.
Code:
<style>
.datagrid-filter-row{
display: none;
}
</style>
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!