server side paging and filtering with vue version of jqx grid

[aniolekxParticipant]

https://www.jqwidgets.com/jquery-widgets-documentation/documentation/phpintegration/php-server-side-grid-paging-and-filtering.htm

Hi, I have seen above tutorial and trying to do the same for vue jqx grid, unfortunately it doesn’t work. Do you gave similar example for vue version of jqx grid? (I believe that php section is the same)

[aniolekxParticipant]

I tried several things for filter but at the end I got:

“Error: jqxGrid: The data is still loading. When the data binding is completed, the Grid raises the ‘bindingcomplete’ event. Call this function in the ‘bindingcomplete’ event handler.”

[HristoParticipant]

Hello aniolekx,

I would like to suggest something about this issue that you could use to handle this case:

var isFiltering = false;
var source =
{
      datafields: [
            ...
      ],
      ...
      filter: function () {
            if (!isFiltering) {
                  isFiltering = true;
                  $("#jqxGrid").jqxGrid('updatebounddata', 'filter');
            }
      },
      url: url
};
...
$("#jqxGrid").bind("bindingcomplete", function (event) {
      isFiltering = false;
});
//Grid Initialization
$("#jqxGrid").jqxGrid(settings);

It is the only a demonstration and you could try to use to handle this error.
Unfortunately, you should customize it for the Vue.
Meanwhile, I will try to prepare some example.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[Author]

Posts