Possible to show the + sign of row expander in different colors?

[WindForce]

Hi
I would like to show the + sign for the row expander in two different colors:
- if there is anything in the child grid then the + sign will be green
- otherwise (there is no record in the child grid ) the + sign will be default (black)

Since i know it will be complicated to check on the child records availability, i can add a field to the parent grid with a flag if there are records in the child

Thanks
Jaime

[GGandhi]

Re: Possible to show the + sign of row expander in different colors?

if you could use the showRowExpanderIcon action then the icon itself will not be there if there are no records to display. (look under server-side events)
that probably easy to achieve and will look better in my opinion.

[WindForce]

Re: Possible to show the + sign of row expander in different colors?

thanks gandhi
Thought about that, and i agree that it will look much better, but then i have the problem as to how to add a new row to the child grid.
The child grid is a simple editable grid (with no detail view) and currently it shows 1 or 2 empty rows to enter new records...

[pcaspa]

Re: Possible to show the + sign of row expander in different colors?

Hi,

I'd love to know how to do exactly the same thing however what I do is get a count of the number of records in the child and display that in the column to the right of the "+", not pretty but it works. Still I'm looking for something better.

Cheers
Peter

[Davidk]

Re: Possible to show the + sign of row expander in different colors?

Here's one solution... it's a tiny bit clunky... but it's all client-side so...

All this code goes into the main parent grid... client-side events... and it's based on the fact that you said you're going to add a field representing rows of data in the child grid. In my example I've put the number of rows into this field... so it's either 0 or greater. If you're just using a logical flag then change the code accordingly. My example also has MobBlue set as the Grid style... and I'm replacing the row expander icon with MobOlive... just 'cause it's simple to do.

In onRowRender...

var orderCnt = {grid.Object}.getValue('G','CUSTORDERSCNT',e.rowNumber);

if (orderCnt > 0){
	$('{Grid.ComponentName}.R'+e.rowNumber + '.__ROWEXPANDER').src = "css/MobOlive/Expand.png";
}

In afterRowCollapse...

//place this Javascript in your code, and then reference the rowNum variable.
var rowNum = {Grid.Object}._selectedRow;
var orderCnt = {grid.Object}.getValue('G','CUSTORDERSCNT',rowNum);
if (orderCnt > 0){
	$('{Grid.ComponentName}.R' + rowNum + '.__ROWEXPANDER').src = "css/MobOlive/Expand.png";
}

In afterRowExpand...

var nbrRows = ({grid.Object}._rowsInGrid);

for (i=1;i<=nbrRows;i++){

	var orderCnt = {grid.Object}.getValue('G','CUSTORDERSCNT',i);
	if (orderCnt > 0){
		$('{Grid.ComponentName}.R' + i + '.__ROWEXPANDER').src = "css/MobOlive/Expand.png";
	}
}

//place this Javascript in your code, and then reference the rowNum variable.
var rowNum = {Grid.Object}._selectedRow;
var orderCnt = {grid.Object}.getValue('G','CUSTORDERSCNT',rowNum);
if (orderCnt > 0){
	$('{Grid.ComponentName}.R' + rowNum + '.__ROWEXPANDER').src = "css/MobOlive/Collapse.png";
}

[pcaspa]

Re: Possible to show the + sign of row expander in different colors?

Thanks DavidK

Fantastic solution as always

Cheers
Peter

[WindForce]

Re: Possible to show the + sign of row expander in different colors?

Excellent David, many thanks!