Please provide and example of how you would use the client side event handlers to allow the user to press the enter key to add a a new line to the text.  Changing the textmode to Multiline just allows for WRAPPING, which is NOT the same as true multi-line editing.  The fact that the editor doesn't support or allow true multi-line editing (with the user able to add multiple lines by hitting the enter key) is absurd.  If you are going to propose a work around to your products gross limitations, please have the courtesy to provide an example of how you would implement such a work around for such a basic missing feature.

Hello,

You can handle the cell editing client side event ExitingEditMode and cancel the event if it is a column that you are using the multi-line editor for and the enter key was pressed:

function WebDataGrid1_CellEditing_ExitingEditMode(sender, eventArgs)
{
    ///<summary>
    ///
    ///</summary>
    ///<param name="sender" type="Infragistics.Web.UI.WebDataGrid"></param>
    ///<param name="eventArgs" type="Infragistics.Web.UI.CancelEditModeEventArgs"></param>
    if (eventArgs.getCell().get_column().get_key() == "Site") {
        if (eventArgs.get_browserEvent().keyCode == 13) {
            eventArgs.set_cancel(true);
        }
    }

}

I have also attached a simple sample that shows this.

Note that this approach changes the behavior so that pressing the enter key will not exit edit mode and users will be required to use the mouse to exit edit mode or tab to the next cell since the enter key will no longer end editing.

Let me know if you have any questions with this matter.

Hi,

  I got the solution. But one doubt How to set the MaxLength for this textbox to the "4" 

Thanks in Advance.

Hello,

If the TextMode is SingleLine, then you can set the Maxlength to be 4 and this will limit the input to be only 4 characters.  The MaxLength has no affect when TextMode is MultiLine.

If you really want to limit the number of characters to 4, on a multiline editor then you would need to use JavaScript to limit the number of characters that can be entered.  You can do this by giving the editor provider a static id:

<EditorProviders>
    <ig:TextBoxProvider ID="WebDataGrid1_TextBoxProvider1">
        <EditorControl ID="SiteEditor" ClientIDMode="Static" TextMode="MultiLine" MaxLength="4" Rows="4">                            
        </EditorControl>
    </ig:TextBoxProvider>
</EditorProviders>

Then add a client side event for the initialization of the grid:

<ClientEvents Initialize="WebDataGrid1_Initialize"></ClientEvents>

In the event handler, get the TextArea that is used as the editor and set the onkeydown event:

function WebDataGrid1_Initialize(sender, eventArgs) {
    var editor = document.getElementById("SiteEditor");
    editor.onkeydown = function(e) {
        // don't cancel the event if the backspace or delete key was pressed.
        if (e.keyCode == 8 || e.keyCode == 46)
            return true;
        // cancel the event if the length of the editor is 4 or more.
        if (editor.value.length >= 4)
            return false;

    };
}

Let me know if you have any questions with this matter.

Hi,

      I tired but it is giving the error. So I attached the error screen shot and sample code along with this forum.

Please check and correct it that code and send it back.

I am waiting for your reply.

Thanks in Advance.

Hello Praveen,

Please let me know if I can provide any further assistance regarding this matter.

Hello Praveen,

To prevent the cell from existing edit mode when tab is pressed, Webdatagrid's  KeyDown and cell exiting edit mode clients side events needs to be handled like below

function WebDataGrid1_Grid_KeyDown(sender, eventArgs)

{   var editedColumn = "";
    if (sender.get_behaviors().get_editingCore().get_behaviors().get_cellEditing().get_cellInEditMode() != null ) {
        editedColumn = sender.get_behaviors().get_editingCore().get_behaviors().get_cellEditing().get_cellInEditMode().get_column().get_key();
    }
    if (editedColumn == "Name") {
        if (eventArgs.get_browserEvent().keyCode == 9 || eventArgs.get_browserEvent().keyCode == 13) { 
            eventArgs.set_cancel(true);
}}}
function WebDataGrid1_CellEditing_ExitingEditMode(sender, eventArgs)
{
    if (eventArgs.getCell().get_column().get_key() == "Name") {
        if (eventArgs.get_browserEvent().keyCode == 9 || eventArgs.get_browserEvent().keyCode == 13) {      
            eventArgs.set_cancel(true);
}}}

Attached sample demonstrates the same.

Hello Praveen,

The have tried to cancel the event when the tab key is pressed but the cell is exiting from the editmode. So, I am currently discussing with our Development team regarding this matter and I will update you by the end of the day tomorrow with the progress.

Please let me know if you have any further questions regarding this matter

Hi,

Like a multiline when the tab key is pressed inside the particular column cancel the event and it should work as a tab in the notepad.

Please do the needful.

Thanks in Advance.

Hello Praveena,

I would recommend you to use TextEditorProvider as shown below:

<EditorProviders> <ig:TextEditorProvider ID="WebDataGrid1_TextEditorProvider1"> <EditorControl ClientIDMode="Predictable" MaxLength="4" MultiLine-Rows="4" TextMode="MultiLine"> </EditorControl> </ig:TextEditorProvider> </EditorProviders>

This will limit number of character to 4, It is not needed to write any custom code.

I hope this helps.