Datagrid filter and pager

[jega]

Hi.

Have a datagrid with filter and pagination. When loaded site i add some pagerputtons with function
function updatePager(){
      var pager = $('#dgPersonList').datagrid('getPager')
      pager.pagination({
         buttons: $('#pagerButtons')
      })
}

This adds 2 buttons on pager

Downloaded the latest verson of datagrid-filter.js of 30-10-2018

set filterDelay to 0 and now it first do the filter on enter key, but when filter this way, it removes the pager buttons.
If i du updatePager() after filter, the buttons do not show.

Any hint ?

Jesper

[jega]

If i use the datagrid-filter.js from 30-10-2018 size 31.238 kb, t doesn't work

If using datagrid-filter.js from 17-07-2018 size 31.176 kb it works with filterDelay 0 and pressing enter in textfield it do filter and leaves the buttons on pager.


Jesper

[stworthy]

Please look at this example http://code.reloado.com/akamez/edit#preview. It works fine.

[jega]

Try to write 10 in Item ID and press the enter key. The two buttons disappears.

IE11

Jesper

[stworthy]

The issue in IE has been fixed. Please update the EasyUI package to the newest version.

[jega]

Hi stworthy

Thanks, it works now.

Another little issue.

Lets say i have 3 fields name, address and zipcode. filterdelay is set to 0.
User is typing a name and tab's to zipcode and write something, and press enter, it does the filter. Now the user using backspace to delete the typed zipcode, and tab's to address or name and rewrite something. Pressing enter now, the text in zipcode is still in the filterrule.

What can i do to be sure that it not using a field that is empty after there was something in it. Any good trick

Jesper

[stworthy]

The possible way to solve this issue is to trigger the ENTER event when the input loses focus. Please refer to the code below:

Code:

var fc = dg.datagrid('getFilterComponent', 'productid');
fc.blur(function(){
    var e = new $.Event('keydown');
    e.keyCode = 13;
    $(this).trigger(e)
})