Getting the new data row in client side

[rachel]

hi.
i'm using with tableView.get_dataItems() for getting the current editind item in "OnCommand" client-event;
its working good, but get_dataItems()  not contains the new record  in case of insert.
How could i getting the current new values in client?

thanks

[Princy]

Hello Rachel,

Give a try with the following approach to get the insert form cell value from client side.

Java Script:

<script type="text/javascript">
    function OnCommand(sender, args) {
       if (args.get_commandName() == "PerformInsert") {
            alert($telerik.$(".rgEditForm", sender.get_masterTableView().get_element())[0].getElementsByTagName("input")[0].value); // first insert form cell value
            alert($telerik.$(".rgEditForm", sender.get_masterTableView().get_element())[0].getElementsByTagName("input")[1].value); // second insert form cell value
        }
    }
</script>

Also refer the following code library  which provides an example of how to retrieve editor values on client:
Retrieving grid editor value client side

Thanks,
Princy.

[rachel]

hello,
its not good for me.
i'm using with EditMode="InPlace" and not "EditForms".
i have tried to set the ItemCreated event, but e.Item Is NOT GridEditFormItem.
What could i do??

 

[Princy]

Hello Rachel,

If you are using InPlace EditMode, use .rgEditRow instead of .rgEditForm.

Java script:

<script type="text/javascript">
    function OnCommand(sender, args) {
       if (args.get_commandName() == "PerformInsert") {
            alert($telerik.$(".rgEditRow", sender.get_masterTableView().get_element())[0].getElementsByTagName("input")[0].value); // first insert form cell value
            alert($telerik.$(".rgEditRow", sender.get_masterTableView().get_element())[0].getElementsByTagName("input")[1].value); // second insert form cell value
        }
    }
</script>

Thanks,
Princy.

[rachel]

Thank you so much, now its works perfectly.

[miri]

I also have a grid using InPlace EditMode and I used this code
$telerik.$(".rgEditRow", sender.get_masterTableView().get_element())[0].getElementsByTagName("input")[0].value
but when I add scroll to the grid
the $telerik.$(".rgEditRow", sender.get_masterTableView().get_element())[0] was undefined
what is the problem?


[Princy]

Hello Miri,

I also faced the similar issue when enabling scrolling in RadGrid. You can try the approach mentioned in the following code library  to retrieve editor values on client:
Retrieving grid editor value client side

Thanks,
Princy.

[Ceki Granti]

Hi Princy,

I know this is an old post but I'm facing the same issue. The problem is, how can I get the value of readonly GridNumericTextBox from the insert row? (EditMode=InPlace, scrolling is enabled) It seems to be rendering like <td>UnitPrice</td>

Kind regards
Ceki

[Eyup]

Hi Ceki,

Are you using a GridNumericColumn with its ReadOnly property set to true?
In such a case, could please try the following approach?

<ClientEvents OnCommand="gridCommand" />

  JavaScript:

function gridCommand(sender, args) {
    if (args.get_commandName() == "Update") {
        var value = sender.get_masterTableView().get_dataItems()
        [args.get_commandArgument()].get_cell("Freight").textContent;
    }
}

If you have different requirements or further instructions, please elaborate some more on your specific scenario.

Regards,
Eyup
the Telerik team