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

Question

我想通过javascript（jQuery）在客户端复制级联下拉列表。

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

当您单击“添加其他类别”时，将复制第一盒的所有下拉列表。 （见第二个方框）

这是此操作的单击脚本（使用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);

clone（）函数还复制CascadingDropDown控件的隐藏的ClientState字段。

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

如何最好地创建/复制级联的drodwownlist？ 还是您有其他想法/更好的方法来做到这一点？

Answer 1

“很遗憾，复制的CascadingDropDownLists的级联功能不起作用”

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

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

总之 ：发现，用来定义在首位的事件的原始元素的功能-然后使用此功能来注册新复制的元素。

请务必不要再注册原始元素 。 这将导致每个事件为每个元素触发多次。