UniStringGrid Cell editor

[bolossis]

Part one was the checkbox filed inside UniStringgrid.

 

Now if you see in the image bellow i would like to activate - shows the checkbox fields only if radiobutton 3 or 4 are checked ( there are 4 chechboxes above the grid on the image, Min Stay, Max Stay, CTA, CTD)

 

[Sherzod]

Otherwise, only the value?

[bolossis]

exactly

[Sherzod]

Ok, I will try and let you know

[bolossis]

Thank you

[Sherzod]

Can you try to use this approach for now ?!:

 

1. UniStringGrid1 -> ClientEvents -> UniEvents -> function beforeInit:

function beforeInit(sender, config)
{
    var me=sender;
    
    me._check=function(v, r, c){
        ajaxRequest(me, '_check', ['value='+v, 'rowIndex='+r, 'columnIndex='+(c+me.fxCols)]);
    };

    me.isCheckbox=false; //<----------
}

2. UniStringGrid1 -> ClientEvents -> ExtEvents -> function reconfigure:

function reconfigure(sender, store, columns, oldStore, oldColumns, eOpts)
{
    for (i = sender.fxCols; i < columns.length; i++) {
        columns[i].rdonly=me.isCheckbox; //<----------
        columns[i].align = 'center';
        columns[i].renderer = function(value, a) {
            return ((me.isCheckbox) ? "<input type='checkbox'" + ((value == '1') ? "checked='checked'" : "") + " onclick='"+sender.nm+"._check(+this.checked, "+a.rowIndex+", "+a.columnIndex+")'>" : value); //<----------
        };
    }    
}

3. UniStringGrid1 -> OnAjaxEvent:

procedure TMainForm.UniStringGrid1AjaxEvent(Sender: TComponent;
  EventName: string; Params: TUniStrings);
begin
  if EventName='_check' then
    (Sender as TUniStringGrid).Cells[StrToInt(Params.Values['columnIndex']), StrToInt(Params.Values['rowIndex'])] := Params.Values['value']

end;

4. How to use, for example:

procedure TMainForm.UniCheckBox1Click(Sender: TObject);
begin
  with UniStringGrid1.JSInterface do
  begin
    JSAssign('isCheckbox', [UniCheckBox1.Checked]);
    JSCall('view.refresh', []);
  end;
end;

Best regards,

[bolossis]

Unfortunately i receive 

 

me is not defined

 

[Sherzod]

 

Unfortunately i receive 

 

me is not defined

 

 

Oh, sorry:

function reconfigure(sender, store, columns, oldStore, oldColumns, eOpts)
{
    var me = sender; //<----------

    for (i = sender.fxCols; i < columns.length; i++) {
        columns[i].rdonly=me.isCheckbox; //<----------
        columns[i].align = 'center';
        columns[i].renderer = function(value, a) {
            return ((me.isCheckbox) ? "<input type='checkbox'" + ((value == '1') ? "checked='checked'" : "") + " onclick='"+sender.nm+"._check(+this.checked, "+a.rowIndex+", "+a.columnIndex+")'>" : value); //<----------
        };
    }    
}

[bolossis]

Awesome.

Thank you really very much!!!!

+1

[bolossis]

An important question.

 

Can i do show checkboxes like in the example here only for specific rows?

 

Like show checkbox only for line(row) 1 or 2 etc?

 

 

This example here is great but when fixed Rows exists then it replace the fixed-rows value with a checkbox

function reconfigure(sender, store, columns, oldStore, oldColumns, eOpts)
{
    var me = sender; //<----------

    for (i = sender.fxCols; i < columns.length; i++) {
        columns[i].rdonly=me.isCheckbox; //<----------
        columns[i].align = 'center';
        columns[i].renderer = function(value, a) {
            return ((me.isCheckbox) ? "<input type='checkbox'" + ((value == '1') ? "checked='checked'" : "") + " onclick='"+sender.nm+"._check(+this.checked, "+a.rowIndex+", "+a.columnIndex+")'>" : value); //<----------
        };
    }    
}

[Sherzod]

Hi,

 

You can try this:

me.isCheckbox && (a.rowIndex < 2) //<----------

function reconfigure(sender, store, columns, oldStore, oldColumns, eOpts) {
    var me = sender; //<----------

    for (i = sender.fxCols; i < columns.length; i++) {
        columns[i].rdonly = me.isCheckbox; //<----------
        columns[i].align = 'center';
        columns[i].renderer = function(value, a) {
            return ((me.isCheckbox && (a.rowIndex < 2)) ? "<input type='checkbox'" + ((value == '1') ? "checked='checked'" : "") + " onclick='" + sender.nm + "._check(+this.checked, " + a.rowIndex + ", " + a.columnIndex + ")'>" : value); //<----------
        };
    }
}

Best regards,

[mos]

Hi Delphi Developer,

 

  I am trying to use the code on the first page to display a checkbox in a stringgrid but it doesn't seem to work.

 

  Is there some changes that need to be made to the original code so it works under Ext JS 6.5?

 

 I am using Complete Professional 1466.

[Sherzod]

Hi,

 

Need to analyze it

[mos]

Hi Delphi Developer,

 

  Any update on this?

[mos]

Hi Delphi Developer,

 

  Bumping this.  Still waiting for a fix.

[Sherzod]

Hi,

 

I am trying to use the code on the first page to display a checkbox in a stringgrid but it doesn't seem to work.

 

Sorry for clarification, what do you mean by saying "first page" ?!

[mos]

Hi Delphi Developer,

 

  The code you posted on the first page of this thread on the 23rd Dec 2017.

function beforeInit(sender, config)
{
    var me=sender;
    
    me._check=function(v, r, c){
        ajaxRequest(me, '_check', ['value='+v, 'rowIndex='+r, 'columnIndex='+(c+me.fxCols)]);
    }
}

etc...

[mos]

Hi Delphi Developer,

  Still waiting for an update.

 

[eduardosuruagy]

Does anyone have this example working? I can't play this code

[Sherzod]

16 minutes ago, eduardosuruagy said:

Does anyone have this example working? I can't play this code

Can you please explain in more detail, what you wanted and what problem do you have? 

[eduardosuruagy]

10 minutes ago, Sherzod said:

Você pode explicar com mais detalhes o que você queria e qual o seu problema? 

I wanted to put the checkbox in the stringgrid cell, and the codes that are here I couldn't make it work.

[Sherzod]

3 minutes ago, eduardosuruagy said:

I wanted to put the checkbox in the stringgrid cell, and the codes that are here I couldn't make it work.

Ok, I will check. 

[RobertoLopes]

Why this have to be so difficult ? Why not simply  put a property on the stringgrid itself (isCheckColumn) just like the uniDBgrid have ? Or even better, let us choose what control to put on the column ?

[RobertoLopes]

So many new features.. Why so many Basic features missing ?

[Sherzod]

12 hours ago, RobertoLopes said:

So many new features.. Why so many Basic features missing ?

But as you know, as the name implies, the cells of the UniStringGrid component may contain data of type String in the first place.