`

Bootstrap 织梦普通列表分页

阅读更多

找到 include 下的 arc.listview.class.php

 

找到如下的代码段

 

将其方法替换为这一段

    /**
     *  获取静态的分页列表
     *
     * @access    public
     * @param     string  $list_len  列表宽度
     * @param     string  $list_len  列表样式
     * @return    string
     */
    function GetPageListST($list_len,$listitem="index,end,pre,next,pageno")
    {
        $prepage = $nextpage = '';
        $prepagenum = $this->PageNo-1;
        $nextpagenum = $this->PageNo+1;
        if($list_len=='' || preg_match("/[^0-9]/", $list_len))
        {
            $list_len=3;
        }
        $totalpage = ceil($this->TotalResult/$this->PageSize);
        if($totalpage<=1 && $this->TotalResult>0)
        {

            return "<li><span class=\"pageinfo\">共 <strong>1</strong>页<strong>".$this->TotalResult."</strong>条记录</span></li>\r\n";
        }
        if($this->TotalResult == 0)
        {
            return "<li><span class=\"pageinfo\">共 <strong>0</strong>页<strong>".$this->TotalResult."</strong>条记录</span></li>\r\n";
        }
        $purl = $this->GetCurUrl();
        $maininfo = "<li><span class=\"pageinfo\">共 <strong>{$totalpage}</strong>页<strong>".$this->TotalResult."</strong>条</span></li>\r\n";
        $tnamerule = $this->GetMakeFileRule($this->Fields['id'],"list",$this->Fields['typedir'],$this->Fields['defaultname'],$this->Fields['namerule2']);
        $tnamerule = preg_replace("/^(.*)\//", '', $tnamerule);

        //获得上一页和主页的链接
        if($this->PageNo != 1)
        {
            $prepage.="<li><a href='".str_replace("{page}",$prepagenum,$tnamerule)."'>&laquo;</a></li>\r\n";
            $indexpage="<li><a href='".str_replace("{page}",1,$tnamerule)."'>首页</a></li>\r\n";
        }
        else
        {
            $indexpage="<li class=\"disabled\"><a href='".str_replace("{page}",1,$tnamerule)."'>首页</a></li>\r\n";
        }

        //下一页,未页的链接
        if($this->PageNo!=$totalpage && $totalpage>1)
        {
            $nextpage.="<li><a href='".str_replace("{page}",$nextpagenum,$tnamerule)."'>&raquo;</a></li>\r\n";
            $endpage="<li><a href='".str_replace("{page}",$totalpage,$tnamerule)."'>末页</a></li>\r\n";
        }
        else
        {
            $endpage="<li class=\"disabled\"><a href='".str_replace("{page}",$totalpage,$tnamerule)."'>末页</a></li>\r\n";
        }

        //option链接
        $optionlist = '';

        $optionlen = strlen($totalpage);
        $optionlen = $optionlen*12 + 18;
        if($optionlen < 36) $optionlen = 36;
        if($optionlen > 100) $optionlen = 100;
        $optionlist = "<li><select name='sldd' style='width:{$optionlen}px' onchange='location.href=this.options[this.selectedIndex].value;'>\r\n";
        for($mjj=1;$mjj<=$totalpage;$mjj++)
        {
            if($mjj==$this->PageNo)
            {
                $optionlist .= "<option value='".str_replace("{page}",$mjj,$tnamerule)."' selected>$mjj</option>\r\n";
            }
            else
            {
                $optionlist .= "<option value='".str_replace("{page}",$mjj,$tnamerule)."'>$mjj</option>\r\n";
            }
        }
        $optionlist .= "</select></li>\r\n";

        //获得数字链接
        $listdd="";
        $total_list = $list_len * 2 + 1;
        if($this->PageNo >= $total_list)
        {
            $j = $this->PageNo-$list_len;
            $total_list = $this->PageNo+$list_len;
            if($total_list>$totalpage)
            {
                $total_list=$totalpage;
            }
        }
        else
        {
            $j=1;
            if($total_list>$totalpage)
            {
                $total_list=$totalpage;
            }
        }
        for($j;$j<=$total_list;$j++)
        {
            if($j==$this->PageNo)
            {
                $listdd.= "<li class=\"active\"><a href='".str_replace("{page}",$j,$tnamerule)."'>".$j."</a></li>\r\n";
            }
            else
            {
                $listdd.="<li><a href='".str_replace("{page}",$j,$tnamerule)."'>".$j."</a></li>\r\n";
            }
        }
        $plist = '';
        if(preg_match('/index/i', $listitem)) $plist .= $indexpage;
        if(preg_match('/pre/i', $listitem)) $plist .= $prepage;
        if(preg_match('/pageno/i', $listitem)) $plist .= $listdd;
        if(preg_match('/next/i', $listitem)) $plist .= $nextpage;
        if(preg_match('/end/i', $listitem)) $plist .= $endpage;
        if(preg_match('/option/i', $listitem)) $plist .= $optionlist;
        if(preg_match('/info/i', $listitem)) $plist .= $maininfo;
        
        return $plist;
    }

 

在列表页写上这段代码

<ul class="pagination">
{dede:pagelist listitem="index,end,pre,next,pageno" listsize="1"/}
</ul>

 

效果图:

 
 

  • 大小: 12.3 KB
  • 大小: 11.1 KB
  • 大小: 1.6 KB
2
1
分享到:
评论

相关推荐

    bootstrap-table后端分页功能完整实例

    本文实例讲述了bootstrap-table后端分页功能。分享给大家供大家参考,具体如下: 使用bootstrap-table实现后台分页 插件资源点击此处本站下载。 引用以下css &lt;link rel="stylesheet" href="../plugins/...

    bootstrap-table客户端分页实例

    这个"bootstrap-table客户端分页实例"是展示如何在不依赖服务器端处理的情况下,利用前端数据实现表格的分页功能,这对于小型项目或者数据量不大的场景非常实用。 Bootstrap Table的核心特性包括: 1. **数据源**...

    bootstrap table 分页栏修改

    - **分页参数**:根据jqGrid的分页特点,可能需要调整Bootstrap Table的分页参数,如每页显示条目数(`pageSize`),当前页码(`pageNumber`)等。 5. **实际代码实现**: - 在`bootstrap-table.js`中找到与分页相关...

    bootstrap table服务端实现分页效果

    Bootstrap Table服务端实现分页效果 Bootstrap Table是基于Twitter Bootstrap的插件,可以用来快速构建功能强大的表格。服务端实现分页效果是Bootstrap Table的重要功能之一,本文将详细介绍如何实现Bootstrap ...

    bootstrap-table 分页Demo

    bootstrap-table后端分页的参数设置Demo。 bootstrap-table是一款非常有名的开源表格插件,在很多项目中广泛的应用。Bootstrap-table插件提供了非常丰富的属性设置,可以实现查询、分页、排序、复选框、设置显示列、...

    两款漂亮的bootstrap分页样式

    在本主题中,我们聚焦于"两款漂亮的bootstrap分页样式",这涉及到CSS3技术在Bootstrap分页组件上的应用。 Bootstrap的分页组件(Pagination)是一个基本的导航元素,用于分隔大量的内容或结果,让用户能够分步骤...

    Bootstrap-table分页+汇总统计

    在本场景中,“Bootstrap-table 分页 + 汇总统计”意味着我们将探讨如何利用 Bootstrap-table 实现表格的数据分页以及对数据进行总计和统计。 首先,为了实现分页,我们需要在 HTML 中设置表格的基本结构,并在 ...

    基于Bootstrap的Jquery分页

    1. **Bootstrap分页组件**:Bootstrap内置了分页组件(`.pagination`),提供了预设的样式和交互效果。通过使用`.pagination`类,我们可以轻松创建基础的分页链接。此外,还有`.page-item`用于表示分页项,`.page-...

    织梦 CSS分页样式

    在织梦系统中,分页通常是用于显示大量数据时必不可少的元素,例如文章列表或论坛帖子。良好的分页设计可以提升用户体验,使用户能够轻松浏览和导航网页内容。 CSS分页样式涉及以下几个核心知识点: 1. **基本HTML...

    vue2.0与bootstrap3实现列表分页效果

    Vue2.0与Bootstrap3实现列表分页效果 在本文中,我们将详细介绍如何使用Vue2.0与Bootstrap3实现列表分页效果。列表分页是很多Web应用程序中常见的功能,它可以帮助用户快速浏览和搜索大量数据。本文将详细介绍如何...

    基于bootstrap+jQuery的前端分页

    "基于bootstrap+jQuery的前端分页"是一个利用这两种流行的技术实现的分页解决方案。Bootstrap是Twitter推出的一个用于前端开发的开源工具包,它提供了一套响应式布局、移动设备优先的WEB设计框架,使得开发者能够...

    [MVC]bootstrap-table表格ajax获取json数据并分页

    在本文中,我们将深入探讨如何在ASP.NET MVC框架下,利用bootstrap-table插件通过AJAX方式获取JSON数据并实现分页功能。Bootstrap Table是一个轻量级、强大的前端组件,它提供了一种美观的方式来展示和操作表格数据...

    bootstrap table +spring boot 实现分页加载

    在前端,Bootstrap Table 提供了配置选项,例如`url`字段用于指定数据请求的API地址,`pagination`字段开启分页功能,`pageList`定义可选择的每页条数,`sidePagination`设置为`server`表示分页在服务器端进行。...

    bootstrap分页插件

    Bootstrap分页插件是一种基于流行的前端框架Bootstrap设计的页面导航工具,主要用于在大量数据或内容中实现分块显示,提供用户友好的翻页体验。在Web应用中,当需要展示的数据超过一个页面所能容纳的范围时,分页就...

    bootstrap分页插件.zip

    Bootstrap分页插件是前端开发中常用的一种工具,它基于Twitter Bootstrap框架,为网页提供美观且功能丰富的分页导航。这个压缩包文件“bootstrap分页插件.zip”包含了一个名为“317482454-tm.pagination-195db9b”的...

    bootstrap table分页例子.zip

    这个"bootstrap table分页例子.zip"文件包含了一个展示如何在Bootstrap Table中实现分页功能的示例。Bootstrap Table提供了两种主要的分页方式:简单分页和智能分页。 **简单分页**: 1. **配置项**: 在初始化...

    bootstrap-table,前端分页框架

    Bootstrap Table支持两种分页模式:前端分页和后端分页。前端分页将所有数据一次性加载到客户端,然后在客户端进行分页操作;后端分页则将分页信息发送到服务器,由服务器返回当前页的数据。后端分页更适合大数据量...

    asp.net MVC5 (bootstrap-table+分页+日期控件)

    在这个项目中,开发者结合了Bootstrap-Table、分页和日期控件来提供更丰富的用户界面和交互体验。下面将详细介绍这些知识点。 **ASP.NET MVC5** ASP.NET MVC5是微软推出的一种基于模型-视图-控制器(Model-View-...

    增加了跳转功能的bootstrap后台真ajax分页控件pagination在asp.net mvc的使用

    在视图(例如`In.cshtml`)中,我们需要创建一个基础的Bootstrap分页结构,并通过JavaScript设置Ajax事件监听器。在HTML代码中,我们可以创建一个包含页码链接的`&lt;ul class="pagination"&gt;`元素,然后用jQuery绑定...

    使用Bootstrap实现分页,并且当页码过多时使用省略号

    使用Bootstrap实现分页,并且当页码过多时使用省略号,这篇文章有样式的简单演示:https://blog.csdn.net/u013025627/article/details/50485327 样式只是自己的简单样式,不同的项目有不同的样式风格,只是提供分页...

Global site tag (gtag.js) - Google Analytics