Highlight a grid row after update

[Kurt]

Hi,

 

I want to highlight a Grid's row after its edit using this code in extjs:
 

Ext.fly('#id_of_row').highlight();

How do i do it?

Thahks..

[Sherzod]

Hello,

How do you edit the grid?

30 minutes ago, Kurt said:

Ext.fly('#id_of_row').highlight();

Where did you get this code?

[Kurt]

16 hours ago, Sherzod said:

How do you edit the grid?

i click a button, then the current row moves to the next row then i want to highlight the row that changed.

 

 

16 hours ago, Sherzod said:

Where did you get this code?

i read the documntation of ext js

[Kurt]

this is my current code: 

with UniDBGrid1, JSInterface do
begin                                      
  	JSCall('getView().getNode', [CurrRow + 1],'var nd');
	JSCallGlobal('Ext.fly(nd.id).highlight',[]);
end;

but when i click the button, it shows a mask then the row never gets highlighted 

[Sherzod]

On 9/29/2023 at 5:56 AM, Kurt said:

but when i click the button, it shows a mask then the row never gets highlighted 

Then try specifying the options. Mainly duration.

// default: highlight background to yellow
el.highlight();

// custom: highlight foreground text to blue for 2 seconds
el.highlight("0000ff", { attr: 'color', duration: 2000 });

// common config options shown with default values
el.highlight("ffff9c", {
    // can be any valid CSS property (attribute) that supports a color value
    attr: "backgroundColor",
    endColor: (current color) or "ffffff",
    easing: 'easeIn',
    duration: 1000
});

 

[Sherzod]

For example:

function edit(editor, context, eOpts)
{
    if (context.node) {
        Ext.fly(context.node).highlight("ffff9c", {
            duration: 2000
        });
    }
}