Create search popup

[maximus2014Participant]

Hi All,

Is it possible to have a ‘find‘ feature as shown in the link below. The find button should be in the same position as shown. The below sample is using “link”.

“link”

Thanks in advance.

[DimitarParticipant]

Hello maximus2014,

You can add whatever elements you wish to the pager bar by using pagerrenderer. Please check out the demo Custom Pager. Moreover, a similar search functionality is implemented in the demo Statusbar.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[maximus2014Participant]

Thank you Dimitar for your valuable reply. I would like keep intact the other modules in the pager ie the default ‘Got to page’ textbox, ‘Show rows’ dropdown ‘next’ page and ‘previous’ page links. Please tell me how this is possible. I tried to add the ‘Show rows’ dropdown, but failed. Thanks in advance.

[DimitarParticipant]

Hi maximus2014,

Please refer to the answer to prashanthpanyam’s question in the forum topic Adding a button in pager tab.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[maximus2014Participant]

Thank you so much Dimitar, the link helped a lot and solved my doubts. Could you please tell me how to get the full list of the conditions such as ‘Equal’ ‘Not equal’ that are used in the filtering functionality. I would like to add a dropdownlist in the search window containing all the conditions so that user can select. Thanks in advance

[DimitarParticipant]

Hi maximus2014,

You can find these in the tutorial Grid Filtering (Step 2).

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[maximus2014Participant]

Thanks dimitar, that helped me. I would like to know how we will pass the parameters to the server for filtering. As this is a customized feature, how will we call the default server-side filtering functionality of the grid with all the default parameters incorporated? If this is possible, lot of time for extra coding will be saved. Thanks in advance.

[DimitarParticipant]

Hi maximus2014,

Please check out the PHP integration demo Grid Server Filtering. We hope it is helpful to you.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[maximus2014Participant]

Hi dimitar, the find feature has been put on hold by the client. so your feedback will be used when we get a go on from the client.
I am facing a small issue but couldn’t correct that till now. I am using a custom pager having two buttons incorporated with server-side pagination. Server-side pagination is working perfectly but the ‘page information(eg: 1 -100 of 200) is not updating while pagination is used. on clicking ‘next’ or ‘previous’ button, info is temporarily updated but on completion of paging initial info is displayed. What may be the issue? The page info code is given below:

var label = $(“<div style=’font-size: 11px; margin: 2px 3px; float: right;’></div>”);
label.text(“1-” + paginginfo.pagesize + ‘ of ‘ + datainfo.rowscount);
label.appendTo(element);

rightButton.click(function (event) {
$(“#jqxgrid”).jqxGrid(‘gotonextpage’);
var datainfo = $(“#jqxgrid”).jqxGrid(‘getdatainformation’);
var paginginfo = datainfo.paginginformation;
label.text(1 + paginginfo.pagenum * paginginfo.pagesize + “-” + Math.min(datainfo.rowscount, (paginginfo.pagenum + 1) * paginginfo.pagesize) + ‘ of ‘ + datainfo.rowscount);
});
// navigate to the previous page when the left navigation button is clicked.
leftButton.click(function () {
$(“#jqxgrid”).jqxGrid(‘gotoprevpage’);
var datainfo = $(“#jqxgrid”).jqxGrid(‘getdatainformation’);
var paginginfo = datainfo.paginginformation;
label.text(1 + paginginfo.pagenum * paginginfo.pagesize + “-” + Math.min(datainfo.rowscount, (paginginfo.pagenum + 1) * paginginfo.pagesize) + ‘ of ‘ + datainfo.rowscount);

});

Thanks in advance.

[Author]

Posts