`

换行显示及分页

CSSJavaScriptJSPDAOHTML 
阅读更多

<%@ 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>

分享到：
| 不同浏览器对于textarea中换行符的处理
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

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

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

    1、实现了奇偶行不同颜色显示； 2、实现了对长文本列文本的换行; 3、创建公式，实现字符串的连接; 4、实现分页功能； 5、实现交叉表； 6、读取图片。

    Js特效 表格分页排序

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

    jquery ui tabs paging 不换行

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

    Grafana之Table Panel使用(第十篇) · 语雀1

    ① Data，包括Table Transform(表格转换)和Columns ② Paging，Rows per page用于设置每个表格页显示多少行，Font

    GridView客户端分页排序控件

    5.GridView的换行变色功能 6.空数据显示表头功能 未完成的主要功能(因为的CSS很菜，所以....) 1.分页linkbutton的样式控制 2.GridView的样式控制 3.汇总Table的样式控制 希望有CSS高手来完善样式的配置功能

    .net50个常用方法简单华丽的分页控件功能大的分页控件 50个实用方法

    ///StringReplaceSpace()替换文本中的空格和换行 ///StringColor()改变字的颜色 ///StringNull()当对象是空的时候 转为空字符串 ///StringConvert()汉字转拼音 ///StringNumber()数字转换中文 ///...

    DataTables自行封装请求参数和返回数据的零耦合服务端分页示例（PHP&JAVA）

    使用方法： ... ... ...也可使用Eclipse直接导入此项目文件。 简要说明： 使用DataTable默认的ajax交互功能，对传给后台和从后台获取的数据都有命名格式要求，这样一来耦合度较高，...CSS实现单元格连续纯字母数字强制换行显示

    net实用类50超级实用方法赠分页分页控件强大的分页

    ///StringReplaceSpace()替换文本中的空格和换行 ///StringColor()改变字的颜色 ///StringNull()当对象是空的时候 转为空字符串 ///StringConvert()汉字转拼音 ///StringNumber()数字转换中文 ///String...

    PHP 文本文章分页代码 按标记或长度（不涉及数据库）

    * 然后根据 url 传入的参数取得某个片段即可 * 大家完全可以写一个功能强大的函数保存起来以备不时之需 * * 题外话：很多编辑器都有插入分页按钮，利用插入的代码可显示分页 * * filename: page.php * charset: UTF-...

    点击表头排序，JavaScript表格分页显示

    摘要:脚本资源,Ajax/JavaScript,表头排序,表格分页　JavaScript点击表头排序，JavaScript分页显示表格中的数据，如果你对它的效果还算满意的话，请继续看它有哪些功能特点及如何使用，你会发现是如此简单。...

    net实用类50个常用方法升级版分页

    ///StringReplaceSpace()替换文本中的空格和换行 ///StringColor()改变字的颜色 ///StringNull()当对象是空的时候 转为空字符串 ///StringConvert()汉字转拼音 ///StringNumber()数字转换中文 ///String...

    x-easypdf基于pdfbox构建而来的pdf构建工具，极大降低使用门槛，以组件化的形式进行pdf的构建 .rar

    自动换行分页 文本超出单行显示时，即可自动换行；内容超出单页显示时，即可自动分页 模板填充 提供内置方法，可轻松实现模板填充 组件化 页面所有内容均采用组件化形式进行构建，使用不同的组件组合方式，即可构造...

    js实现固定表头表列和表格翻页

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

    解决jasperreport、itext生成pdf时符号换行，复刻word中文版式

    3、解决长文本分页时会掉字的问题（分页的那张一行仅有展示一个字） 覆盖DefaultSplitCharacter、BidiLine、ColumnText、SimpleTextLineWrapper这4个文件即可 jasperreports版本6.20.0 itext版本2.1.7

    GridView 72般绝技

    GridView无代码分页排序 GridView选中，编辑，取消，删除 GridView正反双向排序 GridView和下拉菜单DropDownList结合 GridView和CheckBox结合 鼠标移到GridView某一行时改变该行的背景色方法一 鼠标移到GridView某一...

    x-easypdf v2.1.0

    x-easypdf特性：1、轻量级仅添加pdfbox相关依赖，无其他任何依赖2、简单易用仅需一行代码，便可完成pdf的操作3、自动换行分页文本超出单行显示时，即可自动换行；内容超出单页显示时，即可自动分页4、模板填充提供...

    第7章 数据绑定控件

    实例200 GridView强制换行显示论坛帖子的 详细信息 317 实例201 查看GridView当前行绑定的商品 详细信息 319 实例202 GridView复选框绑定列设置商品 是否上架 320 实例203 使用主题来设置GridView控件的外观 322 7.3...

    ireport 报表常见的问题解决方案

    文档描述了ireport开发报表中常见的错误，基本都有具体的解决方案列出。 导出EXCEL/PDF分页 ...当数据为null 显示空 | 数据自动换行 PDF定义字体 （报字体错误） 快速去掉上下左右边界 （界面优化） 如何设置超链接

Magicbox
Global site tag (gtag.js) - Google Analytics