Guriddo » Topic: How do I limit the footer formatting to a single grid?

How do I limit the footer formatting to a single grid?

Guriddo
footer customization
How do I limit the footer formatting to a single grid?

Tagged: footer customization

This topic has 2 replies, 2 voices, and was last updated 4 years, 10 months ago by bogdanm.

Creator

Topic

November 5, 2019 at 11:22 am #127274

bogdanm

Participant

I have adapted the script from the demo (in Functionality/Misc -> Footer formatting) to modify the styling of the footer row.

$code = <<<MYCODE
setTimeout(function(){
// remove the formated style
$('tr.footrow','.ui-jqgrid-ftable').removeClass('footrow-ltr');
var styles= {'border-right-width':"1px", "border-right-color":"inherit", "border-right-style":"solid", "height":"30px", "font-size":"12px", "background-color":"#DDEEDD"};
// add the style only to a cells with sums
$('tr.footrow td:lt(50)').each(function(){
$(this).css( styles );
});
// align the "Result:"
var styles2= { 'text-align':"right" };
$('tr.footrow td:eq(3)').each(function(){
$(this).css( styles2 );
});
},50)
MYCODE;
$grid->setJSCode($code);

$code = <<<MYCODE

setTimeout(function(){

// remove the formated style

$('tr.footrow','.ui-jqgrid-ftable').removeClass('footrow-ltr');

var styles= {'border-right-width':"1px", "border-right-color":"inherit", "border-right-style":"solid", "height":"30px", "font-size":"12px", "background-color":"#DDEEDD"};

// add the style only to a cells with sums

$('tr.footrow td:lt(50)').each(function(){

$(this).css( styles );

});

// align the "Result:"

var styles2= { 'text-align':"right" };

$('tr.footrow td:eq(3)').each(function(){

$(this).css( styles2 );

});

},50)

MYCODE;

$grid->setJSCode($code);

It works but on that page I have multiple grids, and the modification gets applied to all of them.

Is it possible to limit it to just one grid?

This topic was modified 4 years, 10 months ago by bogdanm. Reason: typo

Creator

Topic

Viewing 2 replies - 1 through 2 (of 2 total)

Author

Replies
November 6, 2019 at 12:29 pm #127276

guriddo.support
Participant

Hello,

In this case you can use the generated id of the grid view or the entrie grid box.

If you do not know the entire grid is within a div which id is combination of gbox_ and the grid id. By example if one grid in page has id=customer, then the entire grid box has id=gbox_customer

To solve the problem add the id of the grid before tr selector something like this:

// remove the formated style $('#gbox_customer tr.footrow','.ui-jqgrid-ftable')...

1
2

// remove the formated style
$('#gbox_customer tr.footrow','.ui-jqgrid-ftable')...

The above selector can be optimized.
The same for other selectors

Kind Regards
Will

Guriddo Support Team

November 7, 2019 at 10:03 am #127277

bogdanm
Participant

Thank you. It worked!
Thread can be marked as SOLVED and closed.
Author

Replies