帮助

登录

帮助菜单

平台基础数据管理

组织机构管理

用户管理

用户组管理

机构授权管理

文件访问权限

自定义IP管理

编辑器管理

上传类型管理

功能模版管理

WEB应用管理

应用管理

视频

投票

自定义列表

工作流

新闻频道

文档库

网站

前端css样式

背景、边框、字体颜色

function函数

选择确认弹窗

组件

当前位置：

企业应用开发平台

-帮助

返回

js分页

在使用前请引入一下代码：
<link href="/App_Themes/Blue/Default.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="/images/js/byq_js.js"></script>

1、在对象中加入样式class='byq_pages'
2、在对象中参数PageSize="6"（每页显示数量，默认20）
3、在页面加载时运行showList(0)

运行效果:

效果代码

加载

复制

<script type="text/javascript">
        $(function () {
           showList(0)
        })
    </script>
<div style="width: 100%" class="byq_Table byq_pages" PageSize="6">
        <div class="byq_Table_Header">
            <div class="byq_Table_Row_cell" style="width: 50px;">
                序号
            </div>
            <div class="byq_Table_Row_cell">
                内容
            </div>
        </div>
        <div style="height: 30px; line-height: 30px;" class="byq_Table_Row">
            <div class="byq_Table_Row_cell">1</div>
            <div class="byq_Table_Row_cell">表格内容1</div>
        </div>
        <div style="height: 30px; line-height: 30px;" class="byq_Table_Row">
            <div class="byq_Table_Row_cell">2</div>
            <div class="byq_Table_Row_cell">表格内容2</div>
        </div>
        <div style="height: 30px; line-height: 30px;" class="byq_Table_Row">
            <div class="byq_Table_Row_cell">3</div>
            <div class="byq_Table_Row_cell">表格内容3</div>
        </div>
        <div style="height: 30px; line-height: 30px;" class="byq_Table_Row">
            <div class="byq_Table_Row_cell">4</div>
            <div class="byq_Table_Row_cell">表格内容4</div>
        </div>
        <div style="height: 30px; line-height: 30px;" class="byq_Table_Row">
            <div class="byq_Table_Row_cell">5</div>
            <div class="byq_Table_Row_cell">表格内容5</div>
        </div>
        <div style="height: 30px; line-height: 30px;" class="byq_Table_Row">
            <div class="byq_Table_Row_cell">6</div>
            <div class="byq_Table_Row_cell">表格内容6</div>
        </div>
        <div style="height: 30px; line-height: 30px;" class="byq_Table_Row">
            <div class="byq_Table_Row_cell">7</div>
            <div class="byq_Table_Row_cell">表格内容7</div>
        </div>
        <div style="height: 30px; line-height: 30px;" class="byq_Table_Row">
            <div class="byq_Table_Row_cell">8</div>
            <div class="byq_Table_Row_cell">表格内容8</div>
        </div>
        <div style="height: 30px; line-height: 30px;" class="byq_Table_Row">
            <div class="byq_Table_Row_cell">9</div>
            <div class="byq_Table_Row_cell">表格内容9</div>
        </div>
        <div style="height: 30px; line-height: 30px;" class="byq_Table_Row">
            <div class="byq_Table_Row_cell">10</div>
            <div class="byq_Table_Row_cell">表格内容10</div>
        </div>
        <div style="height: 30px; line-height: 30px;" class="byq_Table_Row">
            <div class="byq_Table_Row_cell">11</div>
            <div class="byq_Table_Row_cell">表格内容11</div>
        </div>
        <div style="height: 30px; line-height: 30px;" class="byq_Table_Row">
            <div class="byq_Table_Row_cell">12</div>
            <div class="byq_Table_Row_cell">表格内容12</div>
        </div>
        <div style="height: 30px; line-height: 30px;" class="byq_Table_Row">
            <div class="byq_Table_Row_cell">13</div>
            <div class="byq_Table_Row_cell">表格内容13</div>
        </div>
        <div style="height: 30px; line-height: 30px;" class="byq_Table_Row">
            <div class="byq_Table_Row_cell">14</div>
            <div class="byq_Table_Row_cell">表格内容14</div>
        </div>
        <div style="height: 30px; line-height: 30px;" class="byq_Table_Row">
            <div class="byq_Table_Row_cell">15</div>
            <div class="byq_Table_Row_cell">表格内容15</div>
        </div>
    </div>

著作权人:白玉群电话:18131632810 邮箱:yqbai@live.cn 软著登记号:2021SR1500024

官网:www.yqbai.com ICP备案号:冀ICP备16025109号-1