jQuery Grid Plugin - jqGrid - Topic: Grid As Subgrid +Custom Button

p2pow350 on Grid As Subgrid +Custom Button

Mon, 03 Oct 2011 20:38:17 +0300

Please, someone take the example Advanced->Grid as Subgrid and try a simple copy&paste.

In the example page I can see the following code:

jQuery("#"+subgrid_table_id).jqGrid('navGrid',"#"+pager_id,{edit:false,add:false,del:false})

If I need to enable the Add button to the Bar I expect to write:

jQuery("#"+subgrid_table_id).jqGrid('navGrid',"#"+pager_id,{edit:false,add:true,del:false})

But if you try yourself you will find that it doesn't work...

My question is: how to work on the top bar for a subgrid?

Thanks

p2pow350 on Grid As Subgrid +Custom Button

Thu, 29 Sep 2011 11:38:57 +0300

In the example I can see the following code:

jQuery("#"+subgrid_table_id).jqGrid('navGrid',"#"+pager_id,{edit:false,add:false,del:false})

If I try to enable any feature like Add (add:true) there is no difference in the Top pager...so even the example is not referring correctly to the topbar, please how this can be done clearly?

Thanks

p2pow350 on Grid As Subgrid +Custom Button

Thu, 29 Sep 2011 11:26:38 +0300

Hi,

starting from the working example listed in the Jqgrid Demos Advanced->Grid as Subgrid and actually copied it for this test, how to add a custom button?

It's hours I'm trying with different combinations but I'm not able to place a custom button in the Top Pager.

I can succesfully add a custom botton in the main grid, but I'm not able to reference the Top Pager for the Subgrid.

How to refer to inside grid correctly?

I'm using really as code base the Example in the Grid

Thanks

My code (last attempts copy&paste....there are many attempts):

//remove pager button from TOP (WORKING)

var topPagerDiv = $('#' + subgrid_table_id + '_toppager')[0];

$("#" + subgrid_table_id + "_toppager_center", topPagerDiv).remove();

$(".ui-paging-info", topPagerDiv).remove();

//NOT WORKING

$('#' + subgrid_table_id).jqGrid('navButtonAdd', topPagerDiv + '_left', {

caption: "Print Grid",

buttonicon: 'ui-icon-print',

position:"last",

onClickButton: function() {

print_grid();

}

});