MvcPager ajaxForm 传参

2021-06-05 10:03

阅读：555

标签：arch title start jquer orm gen EDA http color

使用前踩过的坑

网上关于webpager的介绍很多，对着做着做着，就发现有问题了，有的说要引用 x.pagelist.mvc或 pagelist.mvc或mvcpager，但最后发现之后部分功能被实现了，要不就是分页可以了，带参数的查询参数不能传到后台。经过自己的一番摸索终于搞定了，记录一下。希望后面的朋友看到可以少走弯路。如有不足之处可以指出共同探讨。

代码开撸

首先要nuget引用 WebPager.MvcPageer

技术图片

js 引用 jquery.unobtrusive-ajax.min.js

技术图片

1、Controller 内容

    public class HomeController : Controller
    {
        public ActionResult Index(string title, int id = 1)
        {
            return AjaxSearchGet(title, id);
        }
         

        public ActionResult AjaxSearchGet(string title, int id = 1)
        {
            SQLDBContext db = new SQLDBContext();
            PagedList model = db.Pic_Images.AsQueryable().OrderByDescending(x => x.CreateDate).ToPagedList(id, 20);
            return View(model);
        }
    }

2、Model 内容

 public class Pic_Image
    {
        public string ID { get; set; }
        public string Pic_MenuId { get; set; }
        public string Title { get; set; }
        public string KeyWork { get; set; }
        public string Description { get; set; }
        public string ImageName { get; set; }
        public string ImageName_New { get; set; }
        public string Extend { get; set; }public int IsDel { get; set; }
    }

3、视图（视图直接抄官网demo可以直接使用）

@using Webdiyer.WebControls.Mvc;
@model PagedListclass="row">

    
查询

        @using (Ajax.BeginForm("AjaxSearchGet", new RouteValueDictionary { { "id", "" } }, new AjaxOptions { UpdateTargetId = "articles", HttpMethod = "Get", InsertionMode = InsertionMode.Replace }, new RouteValueDictionary { { "id", "searchForm" } }))
        {
            标题："text" name="title" id="title" style="width:120px" />
            作者："text" name="author" id="author" style="width:120px" />（如：Webdiyer）
            来源："text" name="source" id="source" style="width:120px" />（如：吴起热线）
            "submit" value="搜索(S)" accesskey="S" />
        }
    

"articles111">
        @*@Html.Partial("_AjaxSearchGet", Model)*@   官方的例子
        class="well well-sm">当前查询条件：标题：class="emph">  作者：class="emph">222  来源：class="emph">111


        @*@Html.Partial("_ArticleTable", Model)*@    官方的例子
        
            @{ int i = 0;}
            @foreach (var item in Model)
            {
                
            }
        

@(Model.StartItemIndex + i++)
                    

                        @Html.DisplayFor(modelItem => item.Title)
                    

                    

                        @Html.DisplayFor(modelItem => item.BiaoQian)
                    

                    

                        @Html.DisplayFor(modelItem => item.Description)
                    

                    

                        @Html.DisplayFor(modelItem => item.ImageName)
                    

                



            "float:left;width:50%">共 @Model.TotalPageCount 页 @Model.TotalItemCount 条记录，当前为第 @Model.CurrentPageIndex 页

            @Ajax.Pager(Model).Options(o => o.SetPageIndexParameterName("id").AddHtmlAttribute("style", "float:right").SetPagerItemTemplate(" {0}")).AjaxOptions(a => a.SetUpdateTargetId("articles").SetDataFormId("searchForm"))
        


    

    @section Scripts
   { @{Html.RegisterMvcPagerScriptResource();}

    }

注意点在分布视图中要添加引用命名空间

_AjaxSearchGet.cshtml (分布视图)

@using Webdiyer.WebControls.Mvc;
@model PagedList

@{ int i = 0;} @foreach (var item in Model) { }

@(Model.StartItemIndex + i++)

@Html.DisplayFor(modelItem => item.Title)

@Html.DisplayFor(modelItem => item.BiaoQian)

@Html.DisplayFor(modelItem => item.Description)

@Html.DisplayFor(modelItem => item.ImageName)

上面第3点的例子，是把分布视图合并了，没有使用分布视图。官方例子

技术图片

MvcPager ajaxForm 传参

标签：arch title start jquer orm gen EDA http color

原文地址：https://www.cnblogs.com/youmingkuang/p/12334259.html

上一篇：前端开发：mock.js的简单应用（生成随机数据，拦截 Ajax 请求）

下一篇：jquery:获得当前点击对象 : $(this)

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：MvcPager ajaxForm 传参
文章链接：http://soscw.com/index.php/essay/90825.html

亲，登录后才可以留言！

MvcPager ajaxForm 传参

使用前踩过的坑

代码开撸

评论

热门文章

推荐文章

最新文章

置顶文章