在客户端复制AJAX控件工具包CascadingDropDown

Question

我想通过javascript (jQuery)在客户端复制一个级联下拉列表。

​

​

您可以在第一个框中看到要复制的级联下拉列表。它们将使用AJAX控件工具包的CascadingDropDown控件在ASP.NET中呈现。这个可以完美地工作。

当你点击"Add additional category“时，第一个框的所有下拉列表都将被复制。(见第二个框)

这是此操作的单击脚本(使用jQuery的clone() )：

categoryRow.clone(true, true).insertBefore(containerRow);
subCategory1Row.clone(true, true).insertBefore(containerRow);
subCategory2Row.clone(true, true).insertBefore(containerRow);
subCategory3Row.clone(true, true).insertBefore(containerRow);

ClientState ()函数还复制CascadingDropDown控件的隐藏克隆字段。

不幸的是，复制的CascadingDropDownLists的级联功能不起作用。

怎样才能最好地创建/复制级联drodwownlist？或者你有其他的想法/更好的方法来做到这一点吗？

Answer 1

“不幸的是，复制的CascadingDropDownLists的级联功能不起作用”

这是因为原始元素也注册了事件侦听器...复制的元素确实被复制了，但没有这些侦听器。

你怎么检查它呢？在任何现代浏览器(我更喜欢chrome)中，您可以在进入开发工具(点击F12打开它)时查看HTML页面的元素。每个元素都有一个活动监听器的映射。

​

​

简写为：找到用于在first place中为原始元素定义事件的函数-然后使用此函数注册新复制的元素。

只要确保注册原始元素的次数不超过一次即可。这将导致每个元素的每个事件都会触发几次。