Print Page - Datagrid filter and pager

Title: Datagrid filter and pager
Post by: jega on December 13, 2018, 03:09:51 PM

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

Title: Re: Datagrid filter and pager
Post by: jega on December 13, 2018, 04:27:25 PM

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

Title: Re: Datagrid filter and pager
Post by: stworthy on December 13, 2018, 05:06:38 PM

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

Title: Re: Datagrid filter and pager
Post by: jega on December 14, 2018, 01:02:02 AM

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

IE11

Jesper

Title: Re: Datagrid filter and pager
Post by: stworthy on December 14, 2018, 07:04:21 PM

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

Title: Re: Datagrid filter and pager
Post by: jega on December 15, 2018, 11:49:43 AM

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

Title: Re: Datagrid filter and pager
Post by: stworthy on December 16, 2018, 11:40:21 PM

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)
})

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: jega on December 13, 2018, 03:09:51 PM