tony on Show jqgrid by clicking a button

Wed, 02 Dec 2009 10:26:12 +0200

Hello,

Look here:

http://www.trirand.com/blog/?p.....s-and-json

You have the same problem

Reagrds

Tony

edgar9000 on Show jqgrid by clicking a button

Tue, 01 Dec 2009 22:37:06 +0200

I'm using the jqgrid but I want to show it by clicking a button, I mean if a select some paramaters it change the content of the grid, I have used a button with a onclick event that call the jqgrid but the problem is that it just works in the first time, if I want to change some parameter and show the jqgrid again it doesn't update the content. There is some way I can reload the url where I get the data by clicking a button??

There is the code I'm using:

$(function() {

function showGrid()
        {

            jQuery("#informesTable").jqGrid({
              url: 'showInfo.php',
              datatype: 'json',
              width:850,
              height:'auto',
              mtype: 'GET',
              colNames: ['Id', xxx', 'xxx', 'xxx', 'xxx', 'xxx' , 'xxx' , 'xxx'],
              colModel: [
                            { name: 'Id', index: 'Id', width: 40,hidden:true, align: 'left', editable:false},
                            { name: 'xxx', index: 'xxx', width: 120,align: 'left', editable:false},
                            { name: 'xxx', index: 'xxx', width: 40,align: 'left', editable:false},
                            { name: 'xxx',index:'xxx', width: 130,editable: false},
                            { name: 'xxx',index:'xxx', width: 130,editable: false},
                            { name: 'xxx',index:'xxx', width: 150,editable: false},
                            { name: 'xxx',index:'xxx', width: 100,editable: false},
                            { name: 'xxx',index:'xxx', width: 80,editable: false}
                         ],
              pager: jQuery('#pager'),
              rowNum: 10,
              rowList: [10, 15, 30, 50],
              sortname: "ID",
              sortorder: "desc",
              loadonce: true,
              multiselect: true,
              viewrecords: true,
              editurl: 'EditData.php',
              imgpath: '/content/images',
              caption: 'Infol'
          });

        jQuery("#pager").jqGrid('navGrid',"#pager",{edit:false,add:false,del:false});

        }

$("#send").click(function(event){

                showGrid();

        });

});

Thanks in advance...

jQuery Grid Plugin - jqGrid - Topic: Show jqgrid by clicking a button

tony on Show jqgrid by clicking a button

edgar9000 on Show jqgrid by clicking a button