码迷,mamicode.com
首页 > Web开发 > 详细

C# MVC分页,razor

时间:2014-08-11 23:57:03      阅读:456      评论:0      收藏:0      [点我收藏+]

标签:cPage   style   blog   http   color   os   for   2014   

IMVCPages

interface IMVCPages
    {
        int GetItemsCount();

        int GetPageSize();

        int GetPagesCount();

        /// <summary>
        /// 当前页面索引,用于分页
        /// </summary>
        int CurrentPageIndex { get; set; }
    }

View

<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>

效果图

bubuko.com,布布扣

C# MVC分页,razor,布布扣,bubuko.com

C# MVC分页,razor

标签:cPage   style   blog   http   color   os   for   2014   

原文地址:http://www.cnblogs.com/bushuosx/p/3905679.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!