从javascript设置RadComboBox值

Question

我在用户控件中有一个RadCombobox，并且我试图从Javascript中将该值设置为null或0。以下代码不起作用。但是它也没有显示任何错误。

function OnClientSelectedIndexChanged(sender, eventArgs) {
    var item = eventArgs.get_item();
        var ddl = document.getElementById('ctl00_plh1_Test1_Dropdown2_RadComboBox1_DropDown');
        ddl.selectedIndex = 0;

}

<telerik:RadComboBox ID="Dropdown1" runat="server" 
                             NoWrap="true" Width="250" OnClientSelectedIndexChanged="OnClientSelectedIndexChanged">
                            <CollapseAnimation Duration="200" Type="OutQuint" />
                        </telerik:RadComboBox>



<uc2:RadComboBox ID="Dropdown2" runat="server" DdlAutoWidth="true"></uc2:RadComboBox>

Answer 1

尝尝这个。

var mycombobox = $find("<%= MyUserControl.FindControl("RadComboBox1").ClientID %>");

或

var mycombobox = $find("<%= RadComboBox1").ClientID %>");

mycombobox.clearSelection();

你可能需要这个

<rad:RadScriptBlock runat="server" ID="RadCodeBlock">
   <script type="text/javascript">

   </script>
</rad:RadScriptBlock>

Answer 2

我假设触发OnClientSelectedIndexChanged事件的RadComboBox将有2个或更多的索引，否则该事件将永远不会被触发，因为所选的索引永远不会改变。

当事件激发时，您必须在UserControl中获取对RadComboBox控件的引用。若要将其SelectedIndex属性设置为0，请调用客户端控件上的set_selectedIndex()函数。请记住，这只会设置SelectedIndex，而不会更新RadComboBox的输入字段中的文本。如果您也想清除它，则必须调用客户端控件的set_text()函数。

function onComboBoxSelectedIndexChanged(s, e) {
    var ctrl = '<%= Dropdown2.FindControl("RadComboBox1").ClientID %>';
    if (ctrl) {
        ctrl.set_selectedIndex(0);
        ctrl.set_text('');
    } 
}

有关RadCombBox控件的JavaScript应用编程接口的更多信息，请参阅Telerik网站上的documentation。

Answer 3

尝试：

var radComboBox = <%=YourComboBox.ClientID %>;  

radComboBox.SetValue("someValue");