在ASP.NET MVC C#中使用Jquery更新部分视图

前端之家收集整理的这篇文章主要介绍了在ASP.NET MVC C#中使用Jquery更新部分视图前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在和 Jquery一起使用MVC C#.

我在一个相当大的页面中有一些部分视图,其中有许多选项卡.

点击一个复选框,我喜欢在表单中更新部分视图.
我得到的只是部分的看法

这是Jquery中的代码

$('#activelist,#inactivelist').change(function () {

        var status = 'inactive';
        window.location.href = '@Url.Action("Skits","KitSection")' + '?id=' + id+ '&status=' + status;

    });

关于我如何可以更新表单中的部分视图的任何想法,我将如何调用它?

这是PartialView的代码

return PartialView(Kits);

如上所述,我看到的只是部分视图显示,而不是整个形式.

解决方法

window.location.href将重新加载整个页面.您需要重新加载页面的某些部分,而无需完全重新加载.我们可以使用jQuery ajax来做到这一点.我们来看看你可以使用哪个jQuery选择器来获取Partialview.

例如,假设你的HTML标记是这样的主窗体(view)

<div>
  <p>Some content</p>
  <div id="myPartialViewContainer">
      @Html.Partial("_FeaturedProduct")
  </div>
  <div>Some other content</div>
</div>

而在这里,ID为myPartialViewContainer的DIV是容纳部分视图的内容的容器div,所以我们只需使用jQuery load方法重新加载该div的内容

$(function(){

   $('#activelist,#inactivelist').change(function () {
      var id="someval"; 
      var status = 'inactive';
      $("#myPartialViewContainer").load('@Url.Action("Skits","KitSection")' + '?id=' + id+ '&status=' + status)
  });

});

猜你在找的asp.Net相关文章