Resetting all controls on a form

[Joe]

I have several separate forms that I want to add a "reset" or "clear" button to. What I'd like is a way to blanket reset all controls to their initial state.

The forms are built entirely from Telerik controls.

What is the best to do this? I'd like the ability to use a single piece of code (javascript) to be included in all pages.

[Shinu]

Hi Joe,

Please have a look into the following code snippet to Reset the controls in RadButton Click event.

ASPX:

<telerik:RadTextBox ID="text1" runat="server">
</telerik:RadTextBox>
<br />
<telerik:RadTextBox ID="text2" runat="server">
</telerik:RadTextBox>
<br />
<telerik:RadDatePicker ID="date1" runat="server">
</telerik:RadDatePicker>
<br />
<telerik:RadComboBox ID="RadComboBox1" runat="server">
    <Items>
        <telerik:RadComboBoxItem Text="I" runat="server" />
    </Items>
</telerik:RadComboBox>
<telerik:RadButton ID="RadButton1" runat="server" AutoPostBack="false" OnClientClicked="Clear"
    Text="Clear">
</telerik:RadButton>

JavaScript:

<script type="text/javascript">
    function Clear(sender, args) {
        var elements = document.getElementsByTagName("input");
        for (var i = 0; i < elements.length; i++) {
            if (elements[i].type == "text") {
                elements[i].value = "";
            }
        }
    }
</script>

Thanks,
Shinu.