Question

I have a gridview data and this gridview have subgrid too.
in the first column of the grid view having + symbol so that i can expand the grid to see subgrid.. but now problem is I need to have a button in the bottom of the grid to expand all the gridview subgrid at a time..

Thanks

Answer 1

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.