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

Radgrid GridTemplateColumn RadNumericTextBox text addition operation

1 Answer 155 Views
Grid
This is a migrated thread and some comments may be shown as answers.
NA
Top achievements
Rank 1
NA asked on 19 Mar 2014, 05:28 AM
Radgrid GridTemplateColumn RadNumericTextBox  when enter the number addition operation perform the total Amount show in grid footer without Autopostback client side code..
please help me...

1 Answer, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 19 Mar 2014, 06:04 AM
Hi,

Please have a look into this sample code snippet which works fine at my end.

ASPX:
<telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="SqlDataSource1" ShowFooter="true">
    <MasterTableView>
        <Columns>
            <telerik:GridTemplateColumn>
                <ItemTemplate>
                    <telerik:RadNumericTextBox ID="RadNumericTextBox1" runat="server" ClientEvents-OnValueChanged="OnValueChanged">
                    </telerik:RadNumericTextBox>
                </ItemTemplate>
                <FooterTemplate>
                    <telerik:RadNumericTextBox ID="RadNumericTextBox2" runat="server">
                    </telerik:RadNumericTextBox>
                </FooterTemplate>
            </telerik:GridTemplateColumn>
        </Columns>
    </MasterTableView>
</telerik:RadGrid>

JavaScript:
<script type="text/javascript">
    function OnValueChanged(sender, args) {
     var grid = $find("<%=RadGrid1.ClientID %>");
        var totalAmount = 0;
        if (grid) {
            var MasterTable = grid.get_masterTableView();
            var Rows = MasterTable.get_dataItems();
            for (var i = 0; i < Rows.length; i++) {
                var row = Rows[i];
                var txtQuntity1 = row.findControl("RadNumericTextBox1");
                totalAmount = totalAmount+txtQuntity1.get_value();
            }
        }
        var footerTextBox = '<%= ((GridFooterItem)RadGrid1.MasterTableView.GetItems(GridItemType.Footer)[0]).FindControl("RadNumericTextBox2").ClientID %>';
        var TextBox = document.getElementById(footerTextBox);
        TextBox.control.set_value(totalAmount);
    }
</script>

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