在选中的单选按钮上启用/禁用 RadDatePicker

Posted

技术标签:

【中文标题】在选中的单选按钮上启用/禁用 RadDatePicker【英文标题】:Enable/Disable RadDatePicker on Radio Button Checked 【发布时间】:2015-02-24 04:51:33 【问题描述】:

我在 RadioButton CheckedChanged 方面遇到了一些问题。我有三个单选按钮,一个 RadDatePicker,一个文本框和一个按钮。我只是尝试使用文本框中给出的值来搜索数据,具体取决于所选的单选按钮。我的问题是第三个单选按钮,即“dateCreated”。我想在选择第三个单选按钮时启用 RadDatePicker。我还需要在后面的代码中执行此操作,而不是使用 javascript 或任何其他方法。请帮忙。

这是我的代码:

.aspx

<table>
    <tr>
        <td style="font-family: Calibri; font-weight: 400; font-style: normal; text-transform: none; color: #FFFFFF;" colspan="2">
            &nbsp;
        </td>

        <td class="style19" align="left" colspan="2" style="font-family: Calibri; font-weight: 400; font-style: normal; text-transform: none; color: #FFFFFF">
            <asp:Label ID="searchTitle" runat="server" CssClass="style47" Font-Bold="False" Font-Names="Traditional Arabic" Font-Size="Medium" Font-Strikeout="False" ForeColor="#006699" Style="font-size: x-large; font-family: 'Myriad Pro'" Text="Search Non-Disclosure Document"></asp:Label>
        </td>
    </tr>
</table>

<table style="font-family: Calibri">
    <tr>
        <td class="style75">

        </td>
    </tr>

    <tr>
        <td class="style81">

        </td>

        <td class="style84">

        </td>

        <tr>
            <td bgcolor="#EEF4FD" class="style77">
                <asp:Label ID="ndaSearchTitle" runat="server" Text="Search NDA by :"></asp:Label>
            </td>

            <td bgcolor="#EEF4FD" class="style87">
            </td>

            <td bgcolor="#EEF4FD" class="style83">
                <asp:RadioButton ID="nameSearch" runat="server" Checked="true" GroupName="searchRad" Text="Company Name" />
            </td>
        </tr>

        <tr>
            <td bgcolor="#EEF4FD" class="style77">
            </td>

            <td bgcolor="#EEF4FD" class="style87">
            </td>

            <td bgcolor="#EEF4FD" class="style83">
                <asp:RadioButton ID="countrySearch" runat="server" GroupName="searchRad" Text="Country Incorperated" />
            </td>
        </tr>

        <tr>
            <td bgcolor="#EEF4FD" class="style77">
            </td>

            <td bgcolor="#EEF4FD" class="style87">
            </td>

            <td bgcolor="#EEF4FD" class="style83">
                <asp:RadioButton ID="dateSearch" runat="server" GroupName="searchRad" Text="Date Created" oncheckedchanged="dateSearch_CheckedChanged" />

                <telerik:RadDatePicker ID="RadDatePicker2" runat="server" 
                                DateInput-DateFormat="dd-MM-yyyy" Skin="Default" style="margin-left: 0px" Width="45%" Enabled="false">
                </telerik:RadDatePicker>
            </td>
        </tr>

        <tr>
            <td bgcolor="#93B4DF" class="style3" colspan="3" style="font-family: Calibri; font-size: large; font-weight: normal; height:20px;">
            </td>
        </tr>

        <tr>
            <td bgcolor="#EEF4FD" class="style77">
            </td>

            <td bgcolor="#EEF4FD" class="style87">
            </td>

            <td bgcolor="#EEF4FD" class="style83">
                <asp:TextBox ID="ndaSearchBox" runat="server" Width="350px"></asp:TextBox>
                &nbsp;&nbsp;
                <asp:Button ID="btnSearch" runat="server" Text="Search" />
            </td>
        </tr>
    </tr>
</table>

aspx.cs

protected void dateSearch_CheckedChanged(object sender, EventArgs e)

    if (dateSearch.Checked == true)
    
        RadDatePicker2.Enabled = true;
    

    else
    
        RadDatePicker2.Enabled = false;
    

【问题讨论】:

谢谢,自动回发效果很好。 【参考方案1】:

尝试添加自动回发属性

 <asp:RadioButton ID="dateSearch" runat="server" GroupName="searchRad" Text="Date Created" oncheckedchanged="dateSearch_CheckedChanged" autopostback="true" />

【讨论】:

以上是关于在选中的单选按钮上启用/禁用 RadDatePicker的主要内容,如果未能解决你的问题,请参考以下文章

在选中单选按钮之前禁用输入字段(HTML)

如何动态启用\禁用对话框视图

根据之前的单选选项禁用单选按钮

angular2中带有多个单选按钮的多复选框?

如何使用 Bootstrap v3.4.1 设置禁用(也选中)单选按钮的样式?

选择下拉菜单上的启用/禁用单选按钮?