<%@ 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="">
|< <a href="goodsList.do?pageSize=<%=p.getPageSize()%>&ec_p=1">首页</a>
<<<% if (p.hasPreviousPage()){ %>
<a href="goodsList.do?pageSize=<%=p.getPageSize()%>&ec_p=<%=p.getPageNo()-1%>">上一页</a>
<%}else{ %>
<span class="disEnable">上一页</span>
<%} %>
<% if (p.getHasNextPage()){ %>
<a href="goodsList.do?pageSize=<%=p.getPageSize()%>&ec_p=<%=p.getPageNo()+1%>">下一页</a>
<%}else{ %>
<span class="disEnable">下一页</span>
<%} %>>>
<a href="goodsList.do?pageSize=<%=p.getPageSize()%>&ec_p=<%=p.getPages()%>">尾页</a> >|
第<span style="color:red;"><%=p.getPageNo()%></span>页/共<span style="color:red;"><%=p.getPages()%></span>页
<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>
分享到:
相关推荐
这通常需要设置字段属性,例如调整“自动换行”选项,确保文本在指定空间内完整显示。 接下来,创建公式以实现字符串连接,这是一个常用的数据处理技巧。在水晶报表中,可以利用内置的函数或自定义公式将多个字符串...
然而,有时一个字段的数据可能很长,不适合在单行内完全显示,这时就需要实现DBGrid数据的分行/拆行/多行显示功能。本文将深入探讨如何在Delphi中实现这一需求。 首先,理解DBGrid的基本结构和工作原理至关重要。...
`htmtocode()`函数用于将用户输入的换行和空格转换为HTML标签,以便在网页上正确显示。`str_replace()`函数用于替换字符串中的特定字符,这里将换行符`\n`替换为` `,空格替换为` `。 5. **列表显示与分页...
GridView 默认是自动换行的,意思是当显示的字符串比较长的时候,GridView 会自动换行。例如,我们要显示的一串字符串是:“当字符串比较长的时候就会自动换行换行了”,效果如下: 自动换行的优点是可以自动地将长...
`LineBreakLayout`是一个专门用于实现自动换行标签效果的自定义控件,它解决了在一个有限的宽度内显示多个标签,并且能根据屏幕大小自动调整布局,使标签能够整齐、美观地换行显示。在本文中,我们将深入探讨`...
### Word 2021 插入分页符及页面布局技巧详解 #### 一、基础知识概述 在Word 2021中,分页符是用于控制文档中页面分割的一种特殊符号。合理使用分页符可以使得文档的排版更加美观、专业,尤其是在制作报告、论文等...
在C#编程中,字符串的多行显示与文本换行是一项常见的需求,特别是在用户界面设计时,例如在Windows Forms应用程序中使用TextBox控件。本文将以TextBox控件为例,详细讲解如何实现字符串的多行显示和文本换行。 ...
换行BUG可能表现为内容无法正确换行,超出边界,或者在显示时出现文字重叠等问题。修复这类问题通常涉及到对文本渲染的优化,调整单元格的宽度和高度计算,以及确保正确的文本换行规则被遵循。在提供的代码文件中,...
jQuery UI Tabs Paging 是一个用来对太多的 Tab 进行分页显示的 jQuery 插件。 默认的 tabs 插件一旦 tab 过多就会换行,影响页面布局。jquery.ui.tabs.paging 的作用就在于不让其换行,在两头增加左右滑动的图片...
修正可能涉及合并连续的换行标签,或将它们视为一个分页单位。 - **分割非文字问题**:` `是HTML中的非中断空格,如果按普通字符处理,可能会导致空格被误切。修正可能是识别并保留这些特殊字符的完整性。 这...
在段落前指定分页符,可以单击要位于分页符后的段落,然后在“页面版式”选项卡上,单击“段落”对话框启动器,然后单击“换行和分页”选项卡,选中“段前分页”复选框。 在页面的顶部或底部至少放置段落的两行,...
4. 实现表格分页功能,可指定是否开启分页功能及每页行数; 5. 排序数据支持数据类型自动识别(这点很强大)。例如:整型数据、浮点型数据、字母、电话号码、日期、链接 6. 表格外观样式可通过CSS灵活定制 7. 所需要...
在开发iPhone电子书应用时,为了提供良好的用户体验,通常需要实现分页显示功能,以便用户可以像阅读纸质书籍一样逐页浏览内容。本篇代码分享主要解决了在UILabel或UITextView中无法直接分页显示长段文字的问题。...
在页面上显示分页导航,我们需要判断当前页是否为第一页或最后一页,以决定“首页”、“上一页”、“下一页”和“尾页”链接的激活状态。例如: ```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这两个工具进行文本处理时,可能会遇到一个问题,即文本在导出时不按预期换行,导致最终文档显示的内容与前端输入的内容不一致。这个问题主要涉及JavaScript、Java以及Word文档格式的理解,...
在浏览器中,当你将鼠标悬停在链接上时,这些换行的内容将会以多行的形式显示出来。 ### 方法二:使用HTML实体进行换行 这种方法涉及到HTML实体的使用。HTML实体是一种特殊的字符编码,用于表示那些在HTML文档中不...
这样,图片会根据屏幕大小自动调整布局,并在空间不足时换行。 三、JavaScript实现 1. 数据加载:获取图片数据可以来自于API或者静态JSON文件。假设我们有一个包含图片URL和描述的数组。 2. 渲染图片:遍历图片...