Question

我有两个局部视图，一个是5个复选框（用于过滤），另一个是显示过滤后的数据。

<input type="checkbox" data-toggle="checkbox" id="2000-5000"/>Rs.2000-Rs.5000
<input type="checkbox" data-toggle="checkbox" id="2000-5000"/>Rs.2000-Rs.5000

并在jquery的帮助下将请求发送给控制器..

    public PartialViewResult PhonesPartail(int? id,string where)
    {
        var list = paginateRsult(id, "", where).ToList();
        ViewData["totalpages"] = totalPages;
        return PartialView("_phonelist",list);
    }

和jquery

 $(document).on("change", ".price-checkbox input[type=checkbox]", function () {
        if ($(this).is(":checked")) {
            var prange = $(this).attr("id");
            var parray = prange.split('-');
            var whereclause = "price>=" + parray[0] + " and price <=" + parray[1];
            $.ajax({
                url: '../../Phones/PhonesPartail',
                data: { where: whereclause },
                type: 'POST',
                success: function (data) {
                    $("#phone-list").append(data);

                }
            });
        }
    });

现在返回的列表将被添加到整个html页面的div中。意味着再次将html页面添加到div中..

任何解决方案..

提前致谢...

Answer 1

使用jquery的html（）函数它会将部分视图返回的数据粘贴到div中，而不是将其附加到div

$("#phone-list").html(data);

在复选框上检查发送值到局部视图并更新它mvc 3

1 个答案: