首页 [ 开发辅助 ] JBootstrapPage分页控件v0.1源码
一键分享

JBootstrapPage分页控件v0.1源码

  • 免费

2014-07-15 08:46:10

JS分页控件,Bootstrap风格

  • 源码类型: B/S
  • 开发环境: VS2008 + 无数据库
  • 开发语言: C#
  • 标签: JS分页控件 Bootstrap风格
  • 评分:
收藏 133 次|关注 2602 次|下载 360 次

免费


交付物: 源码包
    商家已实名认证
  • 分享者:xiaoh***
  • 访问次数:   38641 次
  • 源码数量:   297 套
  • 通过比率:   66%
  • 活跃于:   三个月前
  • TEL:   15*******45
  • 最新IP属地:北京市
  • 微信扫码咨询
.net

源码介绍

源码参数

  • 源码类别:【开发辅助】
  • 源码类型:B/S
  • 适合人群: 进阶
  • 授权类型:免费版
  • 开发语言:C#
  • 数据库:无数据库
  • 源码大小:49KB
  • 相关网址: 【免费浏览】
  • 源码指数:
  • 完整度:
  • 分页控件
  • 翻页
  • 设置属性
  • 分页控件
  • 翻页
  • 设置属性
  • Aspx.Query.CodeImageQueryModel
  • Aspx.Query.CodeImageQueryModel
  • Aspx.Query.CodeImageQueryModel

一、源码特点
    JS分页控件,Bootstrap风格
二、功能介绍
    一个Bootstrap风格的分页控件,对于喜欢Bootstrap简洁美观和扁平化的同学可以关注jBootstrapPage, 目前jBootstrapPage最新版为V0.1,后续还有更多功能需要完善。
三、注意事项
    代码示例
    1、html代码
<html>
<head>
    <link href="jBootsrapPage.css" rel="stylesheet" />
  <script src="jquery-1.10.2.min.js"></script>
  <script src="jBootstrapPage.js"></script>
</head>
<body>
    <div>
        <ul class="pagination"></ul>
    </div>
<body>
</html>
    2 、javascript代码调用
    每页显示多少条数据(pageSize),显示多少个分页按钮(buttons),传入数据总行数(total)即可, 如果需要在选中某一页,然后去请求服务器端,可以在onPageClicked回调函数中完成。
<script type="text/javascript">
$(function(){
    createPage(10, 13, 150);

    function createPage(pageSize, buttons, total) {
        $(".pagination").jBootstrapPage({
            pageSize : pageSize,
            total : total,
            maxPageButton:buttons,
            onPageClicked: function(obj, pageIndex) {
                alert((pageIndex+1)+'页');
            }
        });
    }
});
</script>

责任编辑:xiao

下载记录(Only Recent 100)

用户名 推荐指数 下载时间

源码评论

单击更换

评论列表

全部评论
  • 暂无评论 …

最近更新

      下载排行