0

我有一个使用 C# MVC3 和部分视图开发的页面。分页是使用部分视图和AJAX实现的。生成的页面将为每条记录提供一个复选框。这个想法是让用户选中他们要打印的每条记录旁边的框。当他们单击页面上的“打印”按钮时，只会打印那些选定的记录。为了做到这一点，我将选定的记录移动到<div>布局页面中的 a 中，然后单击打印按钮，我使用这些复制的记录进行打印。

I have one    layaout page : _layout.cshtml    
                     View  :  DetailedReport.cshtml
            Partical View  :  `PVdetailedReport.cshtml`

DetailedReport.cshtml并且PVdetailedReport.cshtml完全一样。

我第一次使用（即第 1 页）DetailedReport.cshtml。对于其余页面，由于它们是通过 ajax 调用呈现的，因此我使用的是PVdetailedReport.cshtml.

<div>当我选中复选框时，将所选元素移动到 a中对于第一页工作正常，但在通过AJAX和局部视图呈现的后续页面上，所选元素的移动不起作用。

这是将所选元素移动到<div>

  $(":checkbox").on('change', function () {
       if ($(this).hasClass('containerToCopy')) {

            if ($(this).is(':checked')) {
                // If a listing is selected then move it to  divToPrintContainer, which is buried inside _Layout.cshtml
                $(this).closest('table').clone().appendTo("#divToPrintContainer");
               } else {
                // If a listing is UNselected then remove it from  divToPrintContainer
                $('#divToPrintContainer').find("[id='" + "tbl-" + $(this).attr('id') + "']").remove();
            }
    }
});
4

1 回答 1

2

尝试委托事件监听器

$(document).on('change', ":checkbox", function () { ... });

更多访问：http ://api.jquery.com/on/

于 2013-07-23T17:23:50.230 回答