How to change color in group area if TUniDBGrid.Grouping.Enabled = True

[kkelchev]

Hi ,

If TUniDBGrid.Grouping.Enabled = True

Is it posible(how) to change/setup (runtime) background colour under group header row area.

Pls, find attached excample picture

Thanks

[Sherzod]

Hi,

 

Are you using a template?

 

Can you make a simple testcase if possible?!

[kkelchev]

Hi
What you mean with "template"
I'm with theme "uni_win10"

[kkelchev]

For test case , you could go to:

http://prime.fmsoft.net/demo/desktop/mdemo65.dll

Demo for
Grids:Grouping and sorting
There is grid like this.

Question is how to change color with Country name , like i did manualy (picture attached)

[Sherzod]

One possible solution I think

 

CustomCSS:

.x-grid-group-hd {
  background-color: yellowgreen;
}

.x-grid-group-title {
  color: black;
}

[kkelchev]

Thanks , that is fine
BUT it will change design for ALL grouped grid in application.
 
That is not useful at all.
If it is a single form app ... perfect
but there are a lot of grids (more than one)  in any DB application(you know).

I think that with this ...  all of them will be affected/modified .

It is reasonable (I think) it to be able to customize any particular grid ( if necessary)

 

How could I do this ?
 

[Sherzod]

Hi,

 

Thanks , that is fine
BUT it will change design for ALL grouped grid in application.
 
That is not useful at all.
If it is a single form app ... perfect
but there are a lot of grids (more than one)  in any DB application(you know).

I think that with this ...  all of them will be affected/modified .

It is reasonable (I think) it to be able to customize any particular grid ( if necessary)

 

How could I do this ?
 

 

1. CustomCSS:

.custom-grid .x-grid-group-hd {
  background-color: yellowgreen;
}

.custom-grid .x-grid-group-title {
  color: black;
}

2. UniDBGrid -> ClientEvents -> UniEvents -> function beforeInit:

function beforeInit(sender, config)
{
    config.cls='custom-grid';
}

[kkelchev]

Perfect

Thanks you very...very much

[kkelchev]

Could I do this also like this (with code)

 

<GridObject>.JSInterface.JSConfig('cls', ['custom-grid']);

[Sherzod]

Could I do this also like this (with code)

 

<GridObject>.JSInterface.JSConfig('cls', ['custom-grid']);

 

Yes

[Sherzod]

Also in "runtime":

 

 

Add:

<GridObject>.JSInterface.JSCall('addCls', ['custom-grid']);

Remove:

<GridObject>.JSInterface.JSCall('removeCls', ['custom-grid']);

[kkelchev]

Something additional to be completely precisely

One of my grids(grouped) shows requests for delivery of products from set of suppliers.
Products are grouped on screen in orders
Each order have a self live cycle "CREATE"->"REQUSTED"->"DELIVERED"->"COMPLETTE".
Order are ordered by number (desc).
I have a good control of product rows with writing code in OnDrawColumnCell   grid event.
Could I use OnDrawColumnCell for group(order header) row ?

My customers thinks that In this way this grid will become more informative  
 

[eduardosuruagy]

On 6/21/2018 at 2:35 AM, Sherzod said:

Also in "runtime":

 

 

Add:

<GridObject>.JSInterface.JSCall('addCls', ['custom-grid']);

Remove:

<GridObject>.JSInterface.JSCall('removeCls', ['custom-grid']);

I have the grid grouped and I wanted it to show all the groups collected, how can I do it?

[Sherzod]

1 hour ago, eduardosuruagy said:

I have the grid grouped and I wanted it to show all the groups collected, how can I do it?

Please explain.

[eduardosuruagy]

3 minutes ago, Sherzod said:

Por favor explique.

My grid has the option Grouping.Collapsible: = True;
I wanted all the groups on the grid to be minimized as in the photo.

[Sherzod]

1 minute ago, eduardosuruagy said:

My grid has the option Grouping.Collapsible: = True;
I wanted all the groups on the grid to be minimized as in the photo.

Is it at the beginning?

[eduardosuruagy]

1 minute ago, Sherzod said:

É no começo?

This, when opening the form already showed it like this.

[Sherzod]

2 minutes ago, eduardosuruagy said:

This, when opening the form already showed it like this.

Do you want to expand all?

[eduardosuruagy]

1 minute ago, Sherzod said:

Deseja expandir tudo?

I want to collect everything, not expand

[Sherzod]

I still do not understand ...

Perhaps you mean this (JS codes):

  //collapseAll
  MainForm.UniDBGrid1.getView().getFeature('grouping').collapseAll();
  //expandAll
  MainForm.UniDBGrid1.getView().getFeature('grouping').expandAll();

 

[eduardosuruagy]

1 hour ago, Sherzod said:

I still do not understand ...

Perhaps you mean this (JS codes):

  //collapseAll
  MainForm.UniDBGrid1.getView().getFeature('grouping').collapseAll();
  //expandAll
  MainForm.UniDBGrid1.getView().getFeature('grouping').expandAll();

 

Which unit do I need to declare to use this command?
MainForm .UniDBGrid1.getView (). GetFeature ('grouping'). CollapseAll ();

[Sherzod]

4 minutes ago, eduardosuruagy said:

Which unit do I need to declare to use this command?
MainForm .UniDBGrid1.getView (). GetFeature ('grouping'). CollapseAll ();

procedure TMainForm.UniButton1Click(Sender: TObject);
begin
  with UniDBGrid1 do
    if Grouping.Collapsible then
      JSInterface.JSCall('getView().getFeature("grouping").collapseAll', []);
end;

 

[eduardosuruagy]

4 minutes ago, Sherzod said:

with UniDBGrid1 do if Grouping.Collapsible then JSInterface.JSCall('getView().getFeature("grouping").collapseAll', []);

Thank you very much!!