UniDbGrid AutoSize column

[NelsonFS 27]

sample code to resize automaticaly uniDbGrid columns:

 

thanks to Oleg by the model code.

function reconfigure(sender, store, columns, oldStore, the, eOpts)
{
  Ext.each(columns, 
     function(column, index) {
        if (!sender.columnManager) {
          sender.columns[index].flex=1;  /*fit width, comment to disable*/
          sender.columns[index].minWidth = 150; /*min.size*/
        } else {
          sender.columnManager.columns[index].flex=1; 
          sender.columnManager.columns[index].minWidth = 150; 
        };        
     }
  )
}

Demo project Attached.

uniDBGrid_Column_AutoSize.rar

[docjones 19]

how to use it ?

example will be appreciated.

[zilav 80]

Like this

http://forums.unigui.com/index.php?/topic/4627-set-tunidbgrids-column-width-with-percentage/&do=findComment&comment=23172

[fcarvalho4 23]

ExtEvents.reconfigure

[dieger 15]

Hi,

 

Alternative method:

 

UniSession.AddJS(UniDBGridName.JSName  + '.headerCt.forceFit=true;');

 

(Set OnCreate or OnShow event)

[tappatappa 21]

Hi,

 

Alternative method:

 

UniSession.AddJS(UniDBGridName.JSName  + '.headerCt.forceFit=true;');

 

(Set OnCreate or OnShow event)

 

Is JSName granted to be unique? Or is it safer to use FormName[ GridName ] ?

[dieger 15]

Is JSName granted to be unique? Or is it safer to use FormName[ GridName ] ?

 

JSName is unique.

[zanona 0]

What would be the solution for TUniMDbGrid?

 

Thanks

 

Zanona

[cgarrotti 0]

Hi,

 

Alternative method:

 

UniSession.AddJS(UniDBGridName.JSName  + '.headerCt.forceFit=true;');

 

(Set OnCreate or OnShow event)

Error:

 

Cannot set property 'forceFit' of undefined

 

why?

[55143681 16]

On 6/22/2018 at 2:43 AM, cgarrotti said:

Error:

 

Cannot set property 'forceFit' of undefined

 

why?

 

A autowidth way:

UniDBGrid1->ClientEvents->ExtEvents,see the Ext.data.Store page,

add store.load event as follow:

function store.load(sender, records, successful, operation, eOpts)
{
  sender.grid.columnManager.columns.forEach(function(col){col.autoSize()})
}

[Артем 18]

On 12/13/2019 at 4:03 PM, 55143681 said:

 

A autowidth way:

UniDBGrid1->ClientEvents->ExtEvents,see the Ext.data.Store page,

add store.load event as follow:

function store.load(sender, records, successful, operation, eOpts)
{
  sender.grid.columnManager.columns.forEach(function(col){col.autoSize()})
}

Hello!

How apply and run this code in OnClick event of UniButton RunTime?

[Sherzod 1138]

4 hours ago, Артем said:

How apply and run this code in OnClick event of UniButton RunTime?

Like this for example:

procedure TMainForm.UniButton1Click(Sender: TObject);
begin
  UniDBGrid1.JSInterface.JSCode(#1'.columnManager.columns.forEach(function(col){col.autoSize()});');
end;

 

[Артем 18]

1 hour ago, Sherzod said:

Like this for example:

procedure TMainForm.UniButton1Click(Sender: TObject);
begin
  UniDBGrid1.JSInterface.JSCode(#1'.columnManager.columns.forEach(function(col){col.autoSize()});');
end;

 

What it is #1?

[Sherzod 1138]

3 hours ago, Артем said:

What it is #1?

This is equivalent to "UniDBGrid".JSName.