telerik asp.net控件清除客戶端

Question

嗨我正在使用telerik rad控件爲asp.net 我必須用javascript清除輸入; 但telerik控件（radcombobox例如）生成一個巨大的標記 所以如何清除客戶端頁面上的telerik控件？

thnx

Answer 1

我有一個很簡單的工作例子。我希望這會給你一些關於如何着手的想法。我已經爲文本框做了一些清理。

<Items> 
     <telerik:RadComboBoxItem Text="Oragnes" Value="1" /> 
</Items> 
<Items> 
     <telerik:RadComboBoxItem Text="Apples" Value="2" /> 
</Items> 
<Items> 
     <telerik:RadComboBoxItem Text="Bananas" Value="" /> 
</Items> 

</telerik:RadComboBox> 
    &nbsp; 
<telerik:RadTextBox ID="rdTextBox" runat="server" ></telerik:RadTextBox> 
&nbsp; 
<telerik:RadTextBox ID="RadTextBox1" runat="server" ></telerik:RadTextBox> 
&nbsp; 
<telerik:RadTextBox ID="RadTextBox2" runat="server" ></telerik:RadTextBox> 
     <br /> 
<input type="button" onclick="ClearRadControls()" value="Clear Rad Controls" /> 

<script language="javascript" type="text/javascript"> 

function ClearRadControls() 
{ 
    var radControl1TextBox = document.getElementById("<%=rdTextBox.ClientID %>" + "_text"); 
    var RadTextBox1 = document.getElementById("<%=RadTextBox1.ClientID %>" + "_text"); 
    var RadTextBox2 = document.getElementById("<%=RadTextBox2.ClientID %>" + "_text"); 
    radControl1TextBox.value = ''; 
    RadTextBox1.value = ""; 
    RadTextBox2.value = ""; 
} 

</script> 

Answer 2

這可能是題外話，但在JS框架道場可能會有所幫助。看到我用這個代碼去取消所有的複選框。這些控件都是即時生成的。

> // Uncheck the children 
>     dojo.forEach(
>      dojo.query("input[type='checkbox']", 
> subList), 
>      function(checkboxTag) { 
>       checkboxTag.checked = false; 
>      } 
>     ); 

Answer 3

我的示例代碼中發現了一個博客作爲一個js的解決方案..

與我搜索了一個名爲 「sampleDivInGrid」 一radgrid控件裏格項目..

    function GetServerElement(serverID, tagName) { 
        if (!tagName) 
         tagName = "*"; //* means all elements 
//i give here the Grid clientID which is owner of the control that we search 
        var grid = document.getElementById("<%=grdItems.ClientID %>"); 
        var elements = grid.getElementsByTagName(tagName); 
        for (var i = 0; i < elements.length; i++) { 
         var element = elements[i]; 
         if (element.id.indexOf(serverID) >= 0) 
          return element; 
        } 
       } 


       function OnClientIndexChanged(sender, eventArgs) { 

        var itm = GetServerElement("sampleDivInGrid", "div"); 
        var item = eventArgs.get_item(); 
        var itmTxt = item.get_text(); 
        alert(itmTxt); 
       } 

Answer 4

Telerik的有這裏有一些有用的asp.net radcontrols幫助文檔：

http://www.telerik.com/help/aspnet-ajax/introduction.html

要回答您對組合框的問題：

使用telerik的$ find函數返回控件的telerik對象。然後，您可以使用內置於控件中的客戶端功能。

function ClearSelection() { 
    var combo = $find("<%= yourCombo.ClientID %>"); 
    combo.clearSelection(); 
    } 

http://www.telerik.com/help/aspnet-ajax/combobox-client-side-radcombobox.html