启用/禁用CascadingDropDown使用jQuery [英] Enabling/disabling CascadingDropDown using jquery

问题描述

问候语;

我有阿贾克斯CascadingDropDown控制asp.net DropDownList控件。

我也我有asp.net CheckBox控件。我希望在复选框选中/取消使用jQuery启用/禁用CascadingDropDown。

我想指出错误的方式，但他们没有工作，如果我想设置启用DropDownList的属性设置为false也不会工作，所以我必须设置CascadingDropDown使属性设置为false来禁用它，但我不知道怎么办。

这是code我尝试之一：

 ＆LT; ASP：复选框ID =chkWF=服务器的onclick =enableDDL/＆GT;＆LT; ASP：DropDownList的ID =WF=服务器＆GT;＆LT; / ASP：DropDownList的＆GT;＆LT; CC1：CascadingDropDown ID =WF_CascadingDropDown=服务器
                    的TargetControlID =WF
                    类别=WF
                    LoadingText =请等待......
                    PromptText =选择工作现场......
                    ServiceMethod =GetWorkField
                    ServicePath =../ ServiceTags.asmx启用=真＆GT;
                ＆LT; / CC1：CascadingDropDown＆GT;
功能enableDDL（）{             $（'＃LT＆;％= chkOccup.ClientID％GT;'）。点击（函数（）{
                 如果（$（'＃＆LT;％= WF_CascadingDropDown.ClientID％GT;'！）ATTR（禁用）= TRUE）
                     $（'＃＆LT;％= WF_CascadingDropDown.ClientID％GT;'）。ATTR（禁用，真正的）;
                 其他
                     $（'＃＆LT;％= WF_CascadingDropDown.ClientID％GT;'）。ATTR（禁用，假）;                     }）;         }
 

解决方案

而不是定义为一个布尔值的

禁用属性只用字符串 禁用并启用它，只是删除该属性。

 函数enableDDL（）{
    $（'＃LT＆;％= chkOccup.ClientID％GT;'）。点击（函数（）{
        如果（$（'＃＆LT;％= WF_CascadingDropDown.ClientID％GT;'）。ATTR（'禁用'））
            $（'＃＆LT;％= WF_CascadingDropDown.ClientID％GT;'）。ATTR（禁用，已禁用）;
        其他
            $（'＃＆LT;％= WF_CascadingDropDown.ClientID％GT;'）。removeAttr（'禁用'）;
     }）;
}
 

如果不工作，你肯定 $的结果（'＃＆LT;％= WF_CascadingDropDown.ClientID％GT;'）是选元素？

Greeting;

I have asp.net dropdownlist control with Ajax CascadingDropDown control.

I also I have asp.net checkbox control. I want to enable/disable CascadingDropDown when the checkbox checked/unchecked using jquery.

I tried diffrent ways but they did not work and if I want to set enable property for the dropdownlist to false it will not work so I have to set the CascadingDropDown enable property to false to disable it but I do not know how.

this is one of the code I tried:

<asp:CheckBox ID="chkWF" runat="server"  onclick="enableDDL"/>

<asp:DropDownList ID="WF" runat="server"></asp:DropDownList>

<cc1:CascadingDropDown ID="WF_CascadingDropDown" runat="server" 
                    TargetControlID="WF" 
                    Category="WF"  
                    LoadingText="Please Wait ..." 
                    PromptText="Select Work Field ..." 
                    ServiceMethod="GetWorkField" 
                    ServicePath="../ServiceTags.asmx" Enabled="True">
                </cc1:CascadingDropDown>






function enableDDL() {

             $('#<%= chkOccup.ClientID %>').click(function() {
                 if ($('#<%= WF_CascadingDropDown.ClientID %>').attr('disabled') != true)
                     $('#<%= WF_CascadingDropDown.ClientID %>').attr('disabled', true);
                 else
                     $('#<%= WF_CascadingDropDown.ClientID %>').attr('disabled', false);

                     });

         }

解决方案

Instead of defining a bool value for the disabled attribute just use the string "disabled" and to enable it, just remove the attribute.

function enableDDL() {
    $('#<%= chkOccup.ClientID %>').click(function() {
        if ($('#<%= WF_CascadingDropDown.ClientID %>').attr('disabled'))
            $('#<%= WF_CascadingDropDown.ClientID %>').attr('disabled', 'disabled');
        else
            $('#<%= WF_CascadingDropDown.ClientID %>').removeAttr('disabled');
     });
}

If that doesn't work, are you sure the result of $('#<%= WF_CascadingDropDown.ClientID %>') is a select element?

这篇关于启用/禁用CascadingDropDown使用jQuery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！