Primefaces dataTable filter on enter

Question

I am using primefaces 5.0 and datatable with filter option. But it is unconvenient to type one letter and wait when it is will filter and update then type next letter. It is also slows a server. Therefore there is need for press enter key after you fill filter option and then filter.

There was filterDelay option in primefaces 3.5 but I dont see in primefaces 5.

I used to hack by javascript code as follows

$('th .ui-column-filter').each(function() {
                        var inp = $(this);
                        inp.unbind('keydown');
                        inp.unbind('keyup');
                        inp.unbind('keypress');
                        inp.keypress(function(event) {
                            if (event.keyCode == 13) {
                                alert("entered");
                                event.stopPropagation();
                                gwsReportAllPartListDataTable.filter();
                                return false;
                            }
                        });
                    });

Well, it did not work.

How can I do it with primefaces 5?

Do you have more than one filter option on your table? You could combine primefaces' hotkey and the globalFilter attribute to filter on return — kolossus
Yes. there 19 filters above 19 columns. I have refused to use filters. Many things are out of control. So, just added inputText into column headers and made hidden button to submit when user presses enter key in intputtext. — jakentus

Mistral Mistral · Accepted Answer · 2014-11-25T14:42:13

According to the PrimeFaces User Guide (5.0 and 5.1), there still is the option filterEvent="..." and also filterDelay="..."

Name: filterEvent, Default: keyup, Type: String, Description: Event to invoke filtering for input filters. Name: filterDelay, Default: 300, Type: Integer, Description: Delay in milliseconds before sending an ajax filter query.

Both options are for the tag p:dataTable

One of these two should solve your problem, I guess. (the Delay option, if you were willing to change to filters on the columns, or on the other hand the filterEvent option, which is still existent).

Primefaces dataTable filter on enter

3 Answers