jQuery Grid Plugin - jqGrid - Topic: Load Grid only on Demand

tony on Load Grid only on Demand

Wed, 20 Aug 2014 13:06:21 +0300

Hello,

It depends which serch you use. See the events in the appropriate search module in the docs.

You will find a event before serching and event after serching which is maybe your solution - i.e befre search set the data type to json and after search set it again to local.

Regards

Saali on Load Grid only on Demand

Tue, 19 Aug 2014 09:48:31 +0300

OlegK said
Hello!

One of the easiest way to control when the grid contain will be loaded is to switch the datatype of the jqGrid. You can start with the datatype:'local', then jqGrid will be not loaded and some parameters like url or postData will not be used. Inside of clickÂ event handler Â for your "Search" button you can change the datatypeÂ

$("#list").setGridParam({datatype:'json'}).trigger('reloadGrid',[{page:1}]);

I recommend you to invest some time to understand how the parameters of the ajax request will be built which will be send to the server. ReadÂ for exampleÂ thisÂ and thisÂ my old answers on the stackoverflow.com.

Look at hereÂ andÂ hereÂ for some additional informations. In the another answerÂ I showed how one can use the standard parameters from the postData used by jqGrid for the Advanced Searching.

Best regards
OlegÂ

Hey OlegK,

Similar to this query, I want the jqGrid to be empty when the page loads and I want to load data only when any data is searched (some of the columns in the grid are searchable). Any ideas? I'm asking because I dont know how to use Â

$("#list").setGridParam({datatype:'json'}).trigger('reloadGrid',[{page:1}]);

explicitly for a search function of the jqgrid.

OlegK on Load Grid only on Demand

Thu, 21 Oct 2010 17:01:08 +0300

Hello!

One of the easiest way to control when the grid contain will be loaded is to switch the datatype of the jqGrid. You can start with the datatype:'local', then jqGrid will be not loaded and some parameters like url or postData will not be used. Inside of click event handler for your "Search" button you can change the datatype

$("#list").setGridParam({datatype:'json'}).trigger('reloadGrid',[{page:1}]);

I recommend you to invest some time to understand how the parameters of the ajax request will be built which will be send to the server. Read for example this and this my old answers on the stackoverflow.com.

Look at here and here for some additional informations. In the another answer I showed how one can use the standard parameters from the postData used by jqGrid for the Advanced Searching.

Best regards
Oleg

nmganesh on Load Grid only on Demand

Thu, 21 Oct 2010 00:00:52 +0300

Hi, I am new to JqGrid and Jqurey as well. When I tried the examples, all of them load the grid when the page loads.

My requirement is I don't want the Grid to be loaded when the page is loaded.

I will have a Search button and the Grid needs to be loaded only when I click on that button.

But I need the Grid to be shown(with no data) obviously when the page loads.

Could anyone help me out on thsi please?