`

Bootstrap 织梦搜索列表分页

阅读更多

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

并找到该代码段

 

将其他方法替换为:

    /**
     *  获取动态的分页列表
     *
     * @access    public
     * @param     string  $list_len  列表宽度
     * @return    string
     */
    function GetPageListDM($list_len)
    {
        global $oldkeyword;
        $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 "<ul class=\"pagination\"><li class=\"disabled\"><a>共1页/".$this->TotalResult."条记录</a></li></ul>";
        }
        if($this->TotalResult == 0)
        {
            return "<ul class=\"pagination\"><li class=\"disabled\"><a>共0页/".$this->TotalResult."条记录</a></li></ul>";
        }
        $purl = $this->GetCurUrl();
        
        $oldkeyword = (empty($oldkeyword) ? $this->Keyword : $oldkeyword);

        //当结果超过限制时,重设结果页数
        if($this->TotalResult > $this->SearchMaxRc)
        {
            $totalpage = ceil($this->SearchMaxRc/$this->PageSize);
        }
        $infos = "<li><a>共找到<b>".$this->TotalResult."</b>条记录/最大显示<b>{$totalpage}</b>页 </a></li>\r\n";
        $geturl = "keyword=".urlencode($oldkeyword)."&searchtype=".$this->SearchType;
        $hidenform = "<input type='hidden' name='keyword' value='".rawurldecode($oldkeyword)."'>\r\n";
        $geturl .= "&channeltype=".$this->ChannelType."&orderby=".$this->OrderBy;
        $hidenform .= "<input type='hidden' name='channeltype' value='".$this->ChannelType."'>\r\n";
        $hidenform .= "<input type='hidden' name='orderby' value='".$this->OrderBy."'>\r\n";
        $geturl .= "&kwtype=".$this->KType."&pagesize=".$this->PageSize;
        $hidenform .= "<input type='hidden' name='kwtype' value='".$this->KType."'>\r\n";
        $hidenform .= "<input type='hidden' name='pagesize' value='".$this->PageSize."'>\r\n";
        $geturl .= "&typeid=".$this->TypeID."&TotalResult=".$this->TotalResult."&";
        $hidenform .= "<input type='hidden' name='typeid' value='".$this->TypeID."'>\r\n";
        $hidenform .= "<input type='hidden' name='TotalResult' value='".$this->TotalResult."'>\r\n";
        $purl .= "?".$geturl;

        //获得上一页和下一页的链接
        if($this->PageNo != 1)
        {
            $prepage.="<li><a href='".$purl."PageNo=$prepagenum'>&laquo;</a></li>\r\n";
            $indexpage="<li><a href='".$purl."PageNo=1'>首页</a></li>\r\n";
        }
        else
        {
            $indexpage="<li class=\"disabled\"><a href='".$purl."PageNo=1'>首页</a></li>\r\n";
        }
        if($this->PageNo!=$totalpage && $totalpage>1)
        {
            $nextpage.="<li><a href='".$purl."PageNo=$nextpagenum'>&raquo;</a></li>\r\n";
            $endpage="<li><a href='".$purl."PageNo=$totalpage'>末页</a></li>\r\n";
        }
        else
        {
            $endpage="<li class=\"disabled\"><a href='".$purl."PageNo=$totalpage'>末页</a></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='".$purl."PageNo=$j'>".$j."</a></li>\r\n";
            }
            else
            {
                $listdd.="<li><a href='".$purl."PageNo=$j'>".$j."</a></li>\r\n";
            }
        }
        
        $plist = "<form name='pagelist' action='".$this->GetCurUrl()."'>$hidenform";
		$plist .=  "<ul class=\"pagination\">\r\n";
		//$plist .= $infos;
		$plist .= $indexpage;
        $plist .= $prepage;
        $plist .= $listdd;
        $plist .= $nextpage;
        $plist .= $endpage;
        $plist .= "</ul>\r\n</form>\r\n";
        return $plist;
    }

 

在html页面上写

<div class="container">
	<ul class="list-group">
		<li class="list-group-item item-addons"><a class="item-title-addons">搜索 <strong>{dede:global name='keyword' function='RemoveXSS(@me)'/}</strong> 的结果 </a></li>
		{dede:list titlelen='100'}
		<li class="list-group-item line-nowrap"><a href="[field:arcurl /]">[field:title /]</a></li>
		{/dede:list}
	</ul>
	{dede:pagelist listitem="index,end,pre,next,pageno"/}
</div>

 

效果图:

 

 

  • 大小: 8.4 KB
  • 大小: 6.2 KB
1
0
分享到:
评论

相关推荐

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

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

    bootstrap-table客户端分页实例

    6. **API与事件**:Bootstrap Table提供了丰富的API接口和事件,比如`load`事件用于加载数据,`page-change`事件用于监听分页变化,`search`方法用于搜索数据等,这些可以方便地进行交互逻辑的控制。 7. **响应式...

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

    在移动设备上,分页项可能会堆叠成垂直列表,确保在小屏幕上也能方便地操作。 总结,基于Bootstrap的Jquery分页结合了两者的优势,为开发者提供了一个易于使用、功能丰富的分页解决方案。通过理解其基本原理和实践...

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

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

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

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

    在ASP.NET MVC框架中,利用Bootstrap的pagination分页控件能极大地提升用户界面的交互性和体验。然而,原生的Bootstrap pagination组件并不直接支持跳转到任意页的功能。本教程将详细讲解如何在ASP.NET MVC项目中...

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

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

Global site tag (gtag.js) - Google Analytics