Add Button to Grid Header

[Aung A. WinParticipant]

Hello,
I want to add a button to group header. When I click that button it call json data from url with the parameter value from that group header.

[DimitarParticipant]

Hello Aung A. Win,

You can achieve this with the groupcolumnrenderer callback function. Here is an example:

var groupcolumnrenderer = function (text) {
    return '<button id="groupButton' + text + '">' + text + '</button>';
}

// Create jqxGrid
$("#jqxgrid").jqxGrid(
{
    width: 600,
    source: dataAdapter,
    groupable: true,
    theme: theme,
    groupcolumnrenderer: groupcolumnrenderer,
    columns: [
        { text: 'Company Name', datafield: 'CompanyName', width: 250 },
        { text: 'City', datafield: 'City', width: 120 },
        { text: 'Country', datafield: 'Country' }
    ],
    groups: ['City']
});

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts