[uniGUI 1.90.0 build 1568] How to change default labels for filters

[bruno65]

How can i change default labels 'Filters', 'Before', and so on... in another language ?

[Sherzod]

16 minutes ago, bruno65 said:

How can i change default labels 'Filters', 'Before', and so on... in another language ?

This post may help you:

 

[bruno65]

I use Delphi code (not extjs) : 

JSConfigPlugin('Ext.grid.filters.Filters', ['id', 'gridFilters']);

So how can i translate in Delphi code ?

Quote

 fp.setConfig({menuFilterText: 'Фильтр'}

 

and is it possible to change labels inside default editors ? (see the screenshot above : example for date type)

[Sherzod]

10 minutes ago, bruno65 said:

I use Delphi code

Okay, then tell me how do you assign the "date" type to the filter using Delphi code?

[bruno65]

like this

  TUniFilterDBGridColumn = class(TUniDBDesktopGridColumn)
  private
    FFilter: String;
  public
    property Filter: String read FFilter write FFilter;
  end;
...
function TIUMGrid.CreateJSColumn(JSColumns: TUniJSGridColumns;
  Column: TUniBaseDBGridColumn; ADataSet: TDataSet): TJSGridColumn;
begin
  inherited;
  JSConfig('filter', [TUniFilterDBGridColumn(Column).Filter], Column.JSColumn);
end;
...
procedure TFrameListeCommun.CreateFilters;
var
  i:integer;
  FieldType: TFieldType;
  Column: TUniDBGridColumn;
begin
//  grdListe.JSInterface.JSConfigPlugin('Ext.grid.filters.Filters', ['id', 'gridFilters']);

  for i := 0 to grdListe.Columns.Count - 1 do
  begin
    Column := grdListe.Columns[i];
//    Column.Filtering.Enabled := True;
    Column.Sortable := True;

    FieldType := grdListe.DataSource.DataSet.FindField(Column.FieldName).DataType;

    case FieldType of
      ftString          : TUniFilterDBGridColumn(Column).Filter := 'string';
      ftDate, ftDateTime: TUniFilterDBGridColumn(Column).Filter := 'date';
      ftInteger, ftFloat: TUniFilterDBGridColumn(Column).Filter := 'number';
      ftBoolean         : TUniFilterDBGridColumn(Column).Filter := 'boolean';
      else
        TUniFilterDBGridColumn(Column).Filter := 'list';  // grdListe.JSInterface.JSConfig('filter', ['list'], Column.JSColumn);
    end;
  end;

end;

 

[Sherzod]

1 hour ago, bruno65 said:

JSConfigPlugin('Ext.grid.filters.Filters', ['id', 'gridFilters']);

Can you check this?

JSConfigPlugin('Ext.grid.filters.Filters', ['id', 'gridFilters', 'menuFilterText', 'Filters!']);

 

[bruno65]

Great ! it works fine for the popup menu items. Thank you

And what do you think about the default editor itself ? (for labels of course)

[Sherzod]

59 minutes ago, bruno65 said:

JSConfig('filter', [TUniFilterDBGridColumn(Column).Filter], Column.JSColumn);

Check if this will work.

JSConfig('filter', [TUniFilterDBGridColumn(Column).Filter], Column.JSColumn);
JSConfigObject('filter', 'fields', [JSStatement('{lt: { text: "Before!" }, gt: { text: "After!"}, eq: { text: "On!"}}')], Column.JSColumn); //add this...

 

[Sherzod]

* Don't forget also the condition to check for date type.

[bruno65]

I do this changes in my code

function TIUMGrid.CreateJSColumn(JSColumns: TUniJSGridColumns;
  Column: TUniBaseDBGridColumn; ADataSet: TDataSet): TJSGridColumn;
var
  FieldType: TFieldType;
begin
  inherited;
  FieldType := DataSet.FindField(Column.FieldName).DataType;
  case FieldType of
    ftDate, ftDateTime:
      begin
        TUniFilterDBGridColumn(Column).Filter := 'date';
        JSConfigObject('filter', 'fields', [JSStatement('{lt: { text: "Avant" }, gt: { text: "Après"}, eq: { text: "Le"}}')], Column.JSColumn);
      end
  else
    JSConfig('filter', [TUniFilterDBGridColumn(Column).Filter], Column.JSColumn);
  end;

Strange : the editor filter of date type is now a text editor

[bruno65]

if I check the editor filter for data number : it's ok

[Sherzod]

51 minutes ago, bruno65 said:

Strange : the editor filter of date type is now a text editor

Ok, try this approach:

JSConfig('filter', [TUniFilterDBGridColumn(Column).Filter], Column.JSColumn);

JSConfigObject('filter', 'fields', [JSStatement('{lt: { text: "Before!" }, gt: { text: "After!"}, eq: { text: "On!"}}')], Column.JSColumn); //add this...

 

JSConfig('filter', [JSStatement('{type: "date", fields: {lt: { text: "Before!" }, gt: { text: "After!"}, eq: { text: "On!"}}}')], Column.JSColumn);

 

[bruno65]

Very good Sherzod ! Thank you

[bruno65]

Last question : why the code below is not good for sorting column ?

JSConfig('sortable', [JSStatement('{"true"}')], Column.JSColumn);

 

[Sherzod]

You can try this:

JSConfig('sortable', [True], Column.JSColumn);

 

[bruno65]

I found it ! 

JSConfig('sortable', [JSStatement('true')], Column.JSColumn);

 

[bruno65]

Yes your solution it's easier