highlight cell only for few seconds

[jahnvi25Participant]

i have this requirement where we update cell value based on data we get from streaming server at run time.. when we update the cell value.. right after that i have to highlight the same cell for 2 or 3 seconds. how can i do that ??

[StanislavParticipant]

Hi jahvani25,

Here is a sample solution for your problem:

 $("#jqxgrid").on('cellendedit', function (event) {
        let rowID = <code>row${event.args.rowindex}jqxgrid</code>; 
        let cells = $(<code>#${rowID} div</code>);
        let myCell;
        for (let i = 0; i < cells.length; i++) {
            if (cells[i].children[0])
                if (cells[i].children[0].value)
                    myCell = cells[i]
        }
        setTimeout(() => {
            $(myCell).addClass('jqx-grid-cell-hover jqx-fill-state-hover');
        });

        setTimeout(() => {
            $(myCell).removeClass('jqx-grid-cell-hover jqx-fill-state-hover');
        },2000)

    });

There is a chance that you may have to change something little in order to make it work with your configuration.

Best Regards,
Stanislav

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts