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

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

当事件触发时，您必须获得RadComboBox内UserControl控件的引用。要将其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 API的更多信息，请参阅Telerik网站上的documentation。

Answer 3

尝试：

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

radComboBox.SetValue("someValue");

Answer 4

您希望将所选值或所选索引设置为0或null？尝试选择此值：

$find("<%=ctl00_plh1_Test1_Dropdown2_RadComboBox1_DropDown.ClientID%>").set_text("0");

Answer 5

在 javascript 中为选定的值试试这个：

t1 %>% mutate(Year=factor(Year, levels=2018:2021))%>% 
  ggplot(aes(x=Year,y=Value,fill=Area)) +
  geom_bar(position=position_dodge(.9),stat="identity")

从javascript设置RadComboBox值

5 个答案: