zoukankan      html  css  js  c++  java
  • C# MVC分页,razor,view传送model

    IMVCPages

    interface IMVCPages
        {
            int GetItemsCount();
    
            int GetPageSize();
    
            int GetPagesCount();
    
            /// <summary>
            /// 当前页面索引,用于分页
            /// </summary>
            int CurrentPageIndex { get; set; }
        }

    View。【这里有从页面view传送Model数据到Controller的方法。】

    <div>
        查询到 @Model.GetItemsCount() 条记录,共 @Model.GetPagesCount()页。
        @using( Html.BeginForm("JieGuo", "KaiFang", FormMethod.Post, new { id = "chaxunform"}))
        {
            @Html.HiddenFor(m => m.SearchSouceModel.Name);
            @Html.TextBoxFor(m => m.CurrentPageIndex, new { @class="form-control hidden", id = "hiddenIndex" });
    
        <div class="btn-toolbar" role="toolbar">
            <div class="btn-group">
                <button class="btn btn-default" onclick="idToIndex(0)">首页</button>
            </div>
    
            <div class="btn-group">
                @for (int iPageIndex = 0; iPageIndex < Model.GetPagesCount(); iPageIndex++)
                {
                    if (iPageIndex == Model.CurrentPageIndex)
                    {
                        <button class="btn btn-primary disabled" id="@iPageIndex" onclick="idToIndex(this.id)">@iPageIndex</button>
                    }
                    else
                    {
                        <button class="btn btn-default" id="@iPageIndex" onclick="idToIndex(this.id)">@iPageIndex</button>
                    }
                }
            </div>
    
            <div class="btn-group">
                <button class="btn btn-default" onclick="idToIndex(@Model.GetPagesCount() -1)" >末页</button>
            </div>
        </div>
        }
    
    </div>

    效果图

    mvcpager

  • 相关阅读:
    使用createDocumentFragment的渲染数据(节省性能)
    面向对象写法模板
    面向对象this指向
    js 3D图片叠加旋转切换
    三列布局-中间固定俩边自适应-和两边固定中间自适应布局
    游戏中抽奖的算法
    c++11:lambda表达式
    c++11:模板
    c++11:左值、右值
    游戏服务器语言之争
  • 原文地址:https://www.cnblogs.com/bushuosx/p/3905679.html
Copyright © 2011-2022 走看看