Hi Alex,

Thank you for your response. Actually, what I want to do is to change the background color if the value in the cell is invalid, and return 0. (Do not exit the editing mode, so that the user can continue to edit.)

I did the validation stuff in the client side function, so I validate the user input before exiting the editing mode. I can not show a different background color because there is a edtior in the cell. So how can I implement this?

Thanks a lot.

Regards,

Xiaosu

Hi,

Is this the built-in editor you're using? The HTML element of it can be found as document.getElementById(gridName+"_tb"). Then you can change its style to indicate incorrect values. Don't forget to change it back to normal or otherwise it'll open with red background for the next cell as well.

Hi Alex,

Thank you for your response. But I do not quite get what you mean. What I did is:

function BeforeExitEditMode(gridName, cellId, newValue) {

      var textbox = document.getElementById(gridName + "_tb");
      textbox.style.backgroundColor = "#FF0000"; 
      return 1;

}

The code above does not work. My question is: how can I get the HTML element ID of the editor in this cell (cell ID is cellId)?

Thank you very much for your help.

Regards,

Xiaosu

This works for me.

Again, is it the default editor you are using or an external one? This
will work only for built-in plain editor (not multi line, not value list
etc).

Another way to get reference to the current editor's html element is to
use a protected field. It is reserved for internal use though. Hopefully
won't change but still we reserve the right to. Up to you to use it:

function UltraWebGrid1_BeforeExitEditModeHandler(gridName,
cellId, newValue)
{
var grid = igtbl_getGridById(gridName)

var textbox = grid._editorCurrent
textbox.style.backgroundColor = "#FF0000";
return 1;
}

Hi Alex,

Thank you for your help. It works nicely.

Thanks again.

Regards,

Xiaosu