ansaurus

Question

how to expand the subgrid in asp.net mvc

Answer 1

A:

Give a class to every button that is used to expand row and then use jQuery trigger:

<table>
  <tr>
     <td><button class='expand-row-button'>+</button></td><td>other things</td>
  </tr>
  <tr>
     <td><button class='expand-row-button'>+</button></td><td>other things</td>
  </tr>
  <tr>
     <td><button class='expand-row-button'>+</button></td><td>other things</td>
  </tr>
</table>

<button onclick="$('.expand-row-button').trigger('click');">Expand all rows</button>

** EDIT **

Because you are using jqGrid, you should look at expandSubgridRow method. This method is used to expand row with specified id. You can iterate through rows in your view and generate code to expand every row.

LukLed 2010-03-10 02:37:57

Thanks for your replay..I need to place the button under the Grid and I need to expand all the rows at one button click event...please is the above code do the same thing?thanks

kumar 2010-03-10 03:08:56

what is this Expand-row-button? from where we need to give this?

kumar 2010-03-10 03:11:32

If every button used to expand row has class `expand-row-button` and you use jQuery then that should work. This code creates button, which when is clicked, triggers clicking of all expand buttons.

LukLed 2010-03-10 03:12:11

http://www.secondpersonplural.ca/jqgriddocs/_2eb0giikm.htmsame i have the gridview like this.. same way i need to keep the Button in the bottom of the grid to expand all the + sing at a time.. thanks

kumar 2010-03-10 03:14:13

@tncbbthositg: Maybe this post will help: http://www.trirand.com/blog/?page_id=393/treegrid/expand-all-and-collapse-all-functionality-in-tree-grid/

LukLed 2010-03-10 03:18:26

Please can you look in to this sameple codehttp://www.secondpersonplural.ca/jqgriddocs/_2eb0giikm.htmsame I have like this.. I dont have any button in the grid.. directly i have the grid data with first colum + i need to expand all the + to show subgrid data on one button clickthanks

kumar 2010-03-10 03:20:56

pleae can you tell me how to iterate throw my row to expand all the rows?thanks

kumar 2010-03-10 03:52:27

<button onclick="$('.expand-row-button').trigger('click');">Expand all rows</button>this code is not working nothing is happening on button click event..thanks

kumar 2010-03-10 17:46:43

ansaurus

tags:

views:

answers:

how to expand the subgrid in asp.net mvc

related questions