how to display the grid in div tag..

Question

<script type="text/javascript">
    var showGrid = function() {
      $("#Grid1").load('/friends/names/fried');
    };
</script>
<div>
    <%= Html.Trirand().JQGrid(Model.OrdersGrid, "JqGrid1")%>
</div>

<div>
</div>

/////// i need to dispaly the Grid1 here? can anyone tell me?

thanks

Answer 1

Where?, It seems that you simply need to assign the attribute id to the div:

<script type="text/javascript">
    var id_ind = 0;
    var showGrid = function(new_id) {

       if (new_id == undefined)
          new_id = (id_ind++);

      var grid = $("<div id=\"Grid"+new_id+"\"></div>");

      $(grid).load('/friends/names/fried');

      $("#containner").append(grid);
    };
</script>
<div>
    <%= Html.Trirand().JQGrid(Model.OrdersGrid, "JqGrid1")%>
</div>

<div id="containner"></div>