display datatable in jqgrid div in asp.net with filter /avoid page reload

Question

0.00/5 (No votes)

See more:

Hi
How to use jqqrid in asp.net for filtering data in datatable,
What i want is to display

with some data from datatable and show

in jqgrid

and when checkbox clicked , filter jqgrid datatable

like makemytrip hotellist page

any any idea you can provide

regards

Posted 19-Jan-14 18:08pm

maulikshah1990

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

JoCodes · Answer 1 · 2014-01-19T18:42:00

Solution 1

If you haven't started yet then refer the below CP link which shows how to use a JQGrid in asp.net application.

Using JqGrid in ASP.NET[^]

Then you can check various filtering option which can be incorporated in JQGrid as below documentation link

http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/#demos/jqxgrid/filtering.htm[^]

And Yes you can control the reload by using loadonce or reloadGrid attributes of JQGrid

Hope this helps...

Posted 19-Jan-14 18:42pm

JoCodes

Updated 19-Jan-14 18:47pm

v2

Comments

maulikshah1990 20-Jan-14 0:53am

jqgrid gives in tabular form..if i want in <div> format like list separated by one line ,
then..

JoCodes 20-Jan-14 0:55am

Can you explain that Div format?

maulikshah1990 20-Jan-14 0:58am

For exp

I display list as

<div class="FullList">
<span>Prd:11232</span>
<div>

Prd 1123

</div>
</div>

<div class="FullList">
<span>Prd:11235</span>
<div>

Prd 1152

</div>
</div>

<div class="FullList">
<span>Prd:14435</span>
<div>

Prd 1282

</div>
</div>

and so on.. and i fill that from datatable (currently i use asp:listview )

JoCodes 20-Jan-14 1:10am

Jqgrid is for tabular form display . I think you are looking for JqDataTable which serves your requirement better . Check http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxdatatable/index.htm?(arctic) and revert

maulikshah1990 20-Jan-14 1:18am

I checked that..
but if i see filtering
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxdatatable/index.htm?(arctic)#demos/jqxdatatable/javascript-datatable-filtering.htm

it is again table

i dont want tabular format

JoCodes 20-Jan-14 1:23am

Improve your question with the format which you need so that the solution can be more focussed on the display format you need.

JoCodes 20-Jan-14 1:30am

You can change the layout by changing the rendering of the column template.