`

换行显示及分页

阅读更多

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<%@page import="com.systop.core.dao.support.Page"%>

<html>

<%@include file="/common/meta.jsp" %>

<%@include file="/common/taglibs.jsp" %>

<head>

<title>网站首页</title>

<link href="${ctx}/ResRoot/css/public.css" rel="stylesheet" type="text/css" />

<link href="${ctx}/ResRoot/css/contribute_way.css" rel="stylesheet" type="text/css" />

<style type="text/css">

.goods{

float:left; 

width:170px; 

height:220px; 

margin:5px 5px;

}

.goods_img{

width:135px; 

height:145px; 

background-color:#F6F6F6;

border:1px solid #C0C0C0;

}

.goods_info{

margin-left:12px;

text-align: left;

}

img{

margin: auto auto;

}

.disEnable{

color: #C0C0C0;

}

</style>

</head>

<body>

<div style="width:970px;">

<div style="width:100%;margin-left:12px; border-bottom: 1px dotted #C0C0C0;">

 <s:iterator value="items" var="goods">

 <div class="goods">

  <table cellpadding="0" cellspacing="0"><tr>

   <td align="center" valign="middle" class="goods_img">

  <a href="view.do?model.id=${goods.id}" target="_blank">

  <img src="${ctx}${goods.smallMainImgPath}" onload="javascript:if(this.height>this.width){this.height=140}else{this.width=130}"/></a>

   </td>

  </tr></table>

<div class="goods_info"><a href="view.do?model.id=${goods.id}" target="_blank">${goods.name}</a></div>

<div class="goods_info">捐赠人:${goods.donor}</div>

<div class="goods_info">价 格:<span style="color:red">${goods.price}</span>

<span style="color: green;">¥</span></div>

<div class="goods_info">数 量:<span style="color:red">${goods.amount}</span></div>

 </div>

 </s:iterator>

</div>

<%

Page p = (Page)request.getAttribute("page");

%>

<div style="">

|&lt;&nbsp;<a href="goodsList.do?pageSize=<%=p.getPageSize()%>&ec_p=1">首页</a>&nbsp;&nbsp;

&lt;&lt;<% if (p.hasPreviousPage()){ %>

<a href="goodsList.do?pageSize=<%=p.getPageSize()%>&ec_p=<%=p.getPageNo()-1%>">上一页</a>

<%}else{ %>

<span class="disEnable">上一页</span>

<%} %>&nbsp;&nbsp;

<% if (p.getHasNextPage()){ %>

<a href="goodsList.do?pageSize=<%=p.getPageSize()%>&ec_p=<%=p.getPageNo()+1%>">下一页</a>

<%}else{ %>

<span class="disEnable">下一页</span>

<%} %>&gt;&gt; &nbsp;&nbsp;

<a href="goodsList.do?pageSize=<%=p.getPageSize()%>&ec_p=<%=p.getPages()%>">尾页</a>&nbsp;&gt;|&nbsp;&nbsp;

第<span style="color:red;"><%=p.getPageNo()%></span>页/共<span style="color:red;"><%=p.getPages()%></span>页&nbsp;&nbsp;

<input type="text" id="ec_p" name="ec_p" style="width:35px">

<input type="button" style="width:30px" value="GO" onclick="goPage()">

</div>

</div>

<script type="text/javascript">

function goPage(){

var pageNo = document.getElementById('ec_p').value;

var pNo = <%=p.getPages()%>;

if (!isNaN(pageNo)){

if(pNo < pageNo){

pageNo = pNo;

}

window.location.href = "goodsList.do?pageSize=<%=p.getPageSize()%>&ec_p=" + pageNo;

}else{

alert("请输入正确的数字!");

}

}

window.parent.scrollTo(0, 0);;

</script>

</body>

</html>

分享到:
评论

相关推荐

    水晶报表--奇偶行不同颜色显示、长文本列换行、字符串连接、分页功能、交叉表、读取图片

    这通常需要设置字段属性,例如调整“自动换行”选项,确保文本在指定空间内完整显示。 接下来,创建公式以实现字符串连接,这是一个常用的数据处理技巧。在水晶报表中,可以利用内置的函数或自定义公式将多个字符串...

    Delphi中DBGrid数据分行/拆行/多行显示

    然而,有时一个字段的数据可能很长,不适合在单行内完全显示,这时就需要实现DBGrid数据的分行/拆行/多行显示功能。本文将深入探讨如何在Delphi中实现这一需求。 首先,理解DBGrid的基本结构和工作原理至关重要。...

    PHP+Mysql留言发布(含数据库+用户输入+列表显示+分页显示+用户登录)

    `htmtocode()`函数用于将用户输入的换行和空格转换为HTML标签,以便在网页上正确显示。`str_replace()`函数用于替换字符串中的特定字符,这里将换行符`\n`替换为` `,空格替换为`&nbsp;`。 5. **列表显示与分页...

    【ASP.NET编程知识】ASP.NET GridView中文本内容无法换行(自动换行正常换行).docx

    GridView 默认是自动换行的,意思是当显示的字符串比较长的时候,GridView 会自动换行。例如,我们要显示的一串字符串是:“当字符串比较长的时候就会自动换行换行了”,效果如下: 自动换行的优点是可以自动地将长...

    Android自动换行标签控件LineBreakLayout

    `LineBreakLayout`是一个专门用于实现自动换行标签效果的自定义控件,它解决了在一个有限的宽度内显示多个标签,并且能根据屏幕大小自动调整布局,使标签能够整齐、美观地换行显示。在本文中,我们将深入探讨`...

    word2021插入分页符.docx

    ### Word 2021 插入分页符及页面布局技巧详解 #### 一、基础知识概述 在Word 2021中,分页符是用于控制文档中页面分割的一种特殊符号。合理使用分页符可以使得文档的排版更加美观、专业,尤其是在制作报告、论文等...

    C# 字符串多行显示/文本换行以textbox为例讲解

    在C#编程中,字符串的多行显示与文本换行是一项常见的需求,特别是在用户界面设计时,例如在Windows Forms应用程序中使用TextBox控件。本文将以TextBox控件为例,详细讲解如何实现字符串的多行显示和文本换行。 ...

    积木报表换行bug修复的资源

    换行BUG可能表现为内容无法正确换行,超出边界,或者在显示时出现文字重叠等问题。修复这类问题通常涉及到对文本渲染的优化,调整单元格的宽度和高度计算,以及确保正确的文本换行规则被遵循。在提供的代码文件中,...

    jquery ui tabs paging 不换行

    jQuery UI Tabs Paging 是一个用来对太多的 Tab 进行分页显示的 jQuery 插件。 默认的 tabs 插件一旦 tab 过多就会换行,影响页面布局。jquery.ui.tabs.paging 的作用就在于不让其换行,在两头增加左右滑动的图片...

    Asp长文章含html标签分页

    修正可能涉及合并连续的换行标签,或将它们视为一个分页单位。 - **分割非文字问题**:`&nbsp;`是HTML中的非中断空格,如果按普通字符处理,可能会导致空格被误切。修正可能是识别并保留这些特殊字符的完整性。 这...

    分页符和分节符[参照].pdf

    在段落前指定分页符,可以单击要位于分页符后的段落,然后在“页面版式”选项卡上,单击“段落”对话框启动器,然后单击“换行和分页”选项卡,选中“段前分页”复选框。 在页面的顶部或底部至少放置段落的两行,...

    Js特效 表格分页排序

    4. 实现表格分页功能,可指定是否开启分页功能及每页行数; 5. 排序数据支持数据类型自动识别(这点很强大)。例如:整型数据、浮点型数据、字母、电话号码、日期、链接 6. 表格外观样式可通过CSS灵活定制 7. 所需要...

    实现iPhone电子书的分页显示功能的代码分享.pdf

    在开发iPhone电子书应用时,为了提供良好的用户体验,通常需要实现分页显示功能,以便用户可以像阅读纸质书籍一样逐页浏览内容。本篇代码分享主要解决了在UILabel或UITextView中无法直接分页显示长段文字的问题。...

    asp分页技术.doc

    在页面上显示分页导航,我们需要判断当前页是否为第一页或最后一页,以决定“首页”、“上一页”、“下一页”和“尾页”链接的激活状态。例如: ```asp If curpage = 1 Then Response.Write("首页") Else ...

    按高度进行分页代码

    `确保长单词可以换行显示。 接下来是CSS样式定义了分页链接的样式: ```css #pages a { font-size: 12px; color: #000000; text-decoration: underline; } #pages a:hover { font-size: 12px; color: #CC...

    解决jsolve,templ4docx文本不换行的问题

    在使用jsolve和templ4docx这两个工具进行文本处理时,可能会遇到一个问题,即文本在导出时不按预期换行,导致最终文档显示的内容与前端输入的内容不一致。这个问题主要涉及JavaScript、Java以及Word文档格式的理解,...

    html a 链接标签title属性换行鼠标悬停提示内容的换行效果

    在浏览器中,当你将鼠标悬停在链接上时,这些换行的内容将会以多行的形式显示出来。 ### 方法二:使用HTML实体进行换行 这种方法涉及到HTML实体的使用。HTML实体是一种特殊的字符编码,用于表示那些在HTML文档中不...

    原生js代码制作弹性图片相册分页展示

    这样,图片会根据屏幕大小自动调整布局,并在空间不足时换行。 三、JavaScript实现 1. 数据加载:获取图片数据可以来自于API或者静态JSON文件。假设我们有一个包含图片URL和描述的数组。 2. 渲染图片:遍历图片...

Global site tag (gtag.js) - Google Analytics