This is a migrated thread and some comments may be shown as answers.

GridEditCommandColumn update on enter

3 Answers 73 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Mateusz
Top achievements
Rank 1
Mateusz asked on 12 Sep 2012, 10:37 AM
If i have open for editing the first row item - enter works fine (for saving). But any other row instead of saving data, opens for edit the first row item. Any ideas how to fix that?

3 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 12 Sep 2012, 11:37 AM
Hi,

Try the following Javascript for not to open edit form on Enter key press.

ASPX:
<ClientEvents OnKeyPress="KeyPressed" />

Javascript:
<script type="text/javascript">
    function KeyPressed(sender, args)
     {
         if (args.get_keyCode() == 13)
        {
            var e = args.get_domEvent().rawEvent;
            e.returnValue = false;
            e.cancelBubble = true;
 
            if (e.stopPropagation)
            {
                e.preventDefault();
                e.stopPropagation();
            }
        }             
    }
</script>

Thanks,
Shinu.
0
Mateusz
Top achievements
Rank 1
answered on 12 Sep 2012, 11:43 AM

Hi,

Thanks for the reply. But im using AjaxManager for the grid and it doesnt seem to invoke the js code.

0
Shinu
Top achievements
Rank 2
answered on 13 Sep 2012, 03:33 AM
Hi,

Please take a look into the sample code I tried.

ASPX:
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="RadGrid1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="dgStations" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
    <telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false" onneeddatasource="RadGrid1_NeedDataSource" >
        <MasterTableView CommandItemDisplay="Top">
            <Columns>
                <telerik:GridBoundColumn DataField="ShipCity" HeaderText="ShipCity" SortExpression="ShipCity">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="ShipName"  HeaderText="ShipName" SortExpression="ShipName">
                </telerik:GridBoundColumn>
                <telerik:GridEditCommandColumn ButtonType="LinkButton" UniqueName="EditCommandColumn"
                    EditText="Edit">
                </telerik:GridEditCommandColumn>
            </Columns>
        </MasterTableView
        <ClientSettings AllowKeyboardNavigation="true" >
            <ClientEvents OnKeyPress="KeyPressed" />
            <KeyboardNavigationSettings AllowSubmitOnEnter="true" />
        </ClientSettings>
    </telerik:RadGrid>
</telerik:RadAjaxPanel>

Javascript:
<script type="text/javascript">
    function KeyPressed(sender, args)
     {
         if (args.get_keyCode() == 13)
        {
            var e = args.get_domEvent().rawEvent;
            e.returnValue = false;
            e.cancelBubble = true;
 
            if (e.stopPropagation)
            {
                e.preventDefault();
                e.stopPropagation();
            }
        }             
    }
</script>

Please provide code if it doesn't help.

Thanks,
Shinu.
Tags
Grid
Asked by
Mateusz
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Mateusz
Top achievements
Rank 1
Share this question
or