Data Grid - Inline Editing Controls

Inline Editing is a new feature Data Grid in v11 Release 1. It allows the user to modify a record right in the DataGrid area. In this example, we are focusing in 3 inline editing commands: allowInlineEditing(), inlineEdit() and inlineEditClear().

    Syntax: myGrid.allowInlineEditing(boolean);

    Syntax: myGrid.inlineEdit(row);

    Syntax: myGrid.inlineEditClear();

In this example, 2 wrapper functions are created to perform several tasks.

Function enableInlineEditing() enables inline editing mode to the datagrid. If a row is already selection, the command inlineEdit() will be called on the selected row.

    function enableInlineEditing(){
        myGrid.allowInlineEditing(true);
        if(targetrow)
            myGrid.inlineEdit(targetrow);
    }


Function disableInlineEditing() disables inline editing mode to the current row and then disable inline editing mode to the whole datagrid.

    function disableInlineEditing(){
        myGrid.inlineEditClear();
        myGrid.allowInlineEditing(false);
    }