c# - JQuery 将值设置为自定义服务器控件

Question

我们有一个定制的服务器控件，其中定义了几个属性。

<cc1:DropdownCheck ID="ddcStatus"  runat="server" CssClass="ddlchklst" JQueryURL="~/Scripts/jquery.js"
                    Title="Select Status(es)" OpenOnStart="false" divHeight="17px" 
                ImageURL="Images/DropDown.PNG" >
            </cc1:DropdownCheck>

如何在服务器控件的单击事件上设置 Title 属性的值。我当前的 jquery fn 看起来像这样...

$("#ddcStatus").click(function () {
            //$('#ddcStatus').attr("Title",'Items Selected');
            //document.getElementById("ddcStatus").Title = 'Items Selected';
        });

这两种说法都不起作用。 getElementById 语句给出了一个脚本错误，指出对象为 null。

Answer 1

问题出在您的选择器上“#ddcStatus”用于选择 id ddcStatus 的元素，但在 clint 端不一样。您会看到类似“abc_xzy_ddcStatus”的内容

当页面在客户端加载时，ID 会发生变化。所以你有两种选择来解决它

1. 在浏览器中，通过选择查看源代码或检查元素并查找来转到源代码源中的新 ID 并在 jQuery 中使用该 ID(我不推荐这种方式)

2. 使用称为动态选择器的服务器 ID 并自行转换为客户端 ID

$('DropdownCheck[ID$="ddcStatus"]')

你可以将其理解为“在 DropdownCheck 中选择 id 以 ddStatus 结尾的”

您的解决方案将与在客户端使用的实际控制替换 DropdownCheck 不同一些关于 jquery 风格的开始和结束的帮助

http://api.jquery.com/attribute-ends-with-selector/http://api.jquery.com/attribute-starts-with-selector/#attributevalue