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

[Solved] Using Javascript in Edit Template

4 Answers 190 Views

Grid

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

4 Answers, 1 is accepted

answered on 07 Aug 2009, 06:52 AM

Hi Sam,

One easy way to achieve this functionality is adding onclick event from code behind so that it is possible to pass the textbox ClientID to client-side and then calculate the total amount there. See the example shown below.

ASPX:

    
            <EditFormSettings EditFormType="Template"> 
        
                <FormTemplate> 
        
                    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
        
                    <br /> 
        
                    <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> 
        
                    <br /> 
        
                    <asp:Button runat="server" ID="Button1" Text="Total" /> 
        
                </FormTemplate> 
        
            </EditFormSettings>

C#:

    
            protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e) 
        
            { 
        
                if (e.Item is GridEditFormItem && e.Item.IsInEditMode) 
        
                { 
        
                    GridEditFormItem item = (GridEditFormItem)e.Item; 
        
                    TextBox textbox1 = (TextBox)item.FindControl("TextBox1"); 
        
                    textbox1.Text = "1234"; 
        
                    TextBox textbox2 = (TextBox) item.FindControl("TextBox2"); 
        
                    Button btn = (Button)item.FindControl("Button1"); 
        
                    btn.Attributes.Add("onclick","calc('"+ textbox1.ClientID+"','"+textbox2.ClientID+"'"+");return false;"); 
        
                } 
        
            }

JavaScript:

    
            <script type="text/javascript"> 
        
            function calc(t1, t2) 
        
            { 
        
                var result = (+document.getElementById(t1).value) + (+document.getElementById(t2).value); 
        
                alert(result); 
        
            } 
        
            </script>

-Shinu.