I have been working with jqgrid for a couple of months.  Now, my peers want me to group the data and add buttons into the group row header, so that they can call up documents related to the group.  I have tried using the groupView -> groupText but it doesn't work.  It is like the groupText row has it's own DOM that doesn't understand any other script on the page or references to other columns.  I have an example code below

setup A:

groupView:

groupText: ["{0} {1} : <button class='mybutton'>{fileguid}</button>"]

...

$('.mybutton').button({icons: [{primary: "ui-icon-document"}]});

outcome: the button does not render and the fileguid field is not accessible

setup B:

groupView:

groupText: mycustomfunc()

...

var mycustomfunc = function(cellval, options, rowObject) {

return cellval + "<input type='button' value='mybutton' onclick='alert("" + rowObject + "")'/>";

}

outcome: error cellval and rowobject undefined

I am at lost.  My project is coming due in about 2 weeks and need a way to solve this or I will have to switch to a different jquery grid.