显示页query.jsp
<%@ page language="java" pageEncoding="gbk"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
//查询
function getInfoByKey(){
//查询索引
var items = document.getElementById("searchItem");
var act = items.options[items.selectedIndex].text;
if(act=="产品名称"){
act = "produceName";
}else if(act=="证书编号"){
act = "producingCertificateNumber";
}else if(act=="生产商"){
act = "manufactureName";
}else if(act=="检查机构"){
act="certificationInstitution";
}
//查询关键字
var keywords = document.getElementById("key").value;
//是否精确查询
var itemsQuery = document.getElementById("queryMode");
var queryMode = itemsQuery.options[itemsQuery.selectedIndex].text;
if(queryMode == "模糊"){
queryMode = "like";
}else if(queryMode == "精确"){
queryMode = "is";
}
//每页显示的条数
var itemsCount = document.getElementById("perPage");
var perPage = itemsCount.options[itemsCount.selectedIndex].text;
//iframe
var ifrm = document.getElementById('detailIframe');
//全部查询条件
if(keywords == null || keywords == ""){
ifrm.src = "server.jsp?perPage="+perPage;
}else{
ifrm.src = "server.jsp?act="+act+"&keywords="+keywords+"&queryMode="+queryMode+"&perPage="+perPage;
}
}
</script>
<base href="<%=basePath%>">
<title>My JSP starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
</head>
<body><br><br><hr><br><br>
<div align="center" id="mainDiv">
<table border="1" width="800" id="mainTable">
<tr>
<td colspan="2">无公害农产品查询
<div align="right">
<input type="button" value="返回主页">
<input type="button" value="返回上一界面">
<input type="button" value="历史查询记录">
</div>
</td>
</tr>
<tr>
<td width="200">
<table>
<tr><td align="center">检索导航</td></tr>
<tr></tr><tr></tr><tr></tr>
<tr>
<td align="center">请选择检索范围:
<select>
<option>种植业</option>
</select>
</td>
</tr>
<tr><td align="left"><input type="checkbox">粮油类</td></tr>
<tr><td align="left"><input type="checkbox">蔬菜类</td></tr>
<tr><td align="left"><input type="checkbox">设施蔬菜类</td></tr>
<tr><td align="left"><input type="checkbox">果品类</td></tr>
<tr><td align="left"><input type="checkbox">茶叶类</td></tr>
<tr><td align="left"><input type="checkbox">其它作物类</td></tr>
<tr><td align="left"></td></tr>
<tr><td align="center"><input type="button" value="分类检索"></td></tr>
</table>
</td>
<td rowspan="2" valign="top">
<form name="search" method="post">
<table width="600" id="searchTable">
<tr><td>检索项</td><td>匹配</td><td colspan="4">检索词</td></tr>
<tr>
<td>
<select id="searchItem">
<option>产品名称</option><option>证书编号</option><option>生产商</option><option>检查机构</option>
</select>
</td>
<td>
<select id="queryMode">
<option>模糊</option>
<option>精确</option>
</select>
</td>
<td colspan="3"><input id="key" type="text" size="60"></td>
<td colspan="2" align="left"><input type="button" value="检索" onclick="getInfoByKey()"></td>
</tr>
<tr>
<td>排序
<select>
<option>按照产品分类</option>
<option>按照产品名称</option>
<option>按照标准名称</option>
</select>
</td>
<td>每页
<select id="perPage">
<option>3</option><option>4</option><option>5</option><option>6</option><option>7</option><option>8</option><option>9</option><option>10</option>
</select>
</td>
</tr>
<tr>
<td colspan="7">
<iframe id="detailIframe" width="0" height="0"></iframe>
<div id="detailDiv"></div>
</td>
</tr>
</table>
</form>
</td>
</tr>
<tr>
<td>相似检索词</td>
</tr>
</table>
</div>
</body>
</html>
处理页:server.jsp
<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%@page import="com.pickedpoint.SAFAS.mobilecatch.server.hibernate.website.DAO.TPrUserproducingcertificateOperate;"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>
<%
//查询索引
String act=request.getParameter("act");
System.out.println("act:"+act);
//查询关键字
String keywords=request.getParameter("keywords");
System.out.println("keywords:"+keywords);
//查询模式
String queryMode=request.getParameter("queryMode");
System.out.println("queryMode:"+queryMode);
//每页显示条数
String perPage=request.getParameter("perPage");
System.out.println("perPage:"+perPage);
//查询类
TPrUserproducingcertificateOperate operate = new TPrUserproducingcertificateOperate();
//查询结果
List list = null;
//查询
if(keywords==null || keywords==""){//如果没有输入关键字,则为全部查询
list = operate.Query();
}else{//条件匹配查询
if(queryMode.equals("like")){
String query = act + " like '%" + keywords + "%'";
list = operate.QueryUserproducing(query);
}else if(queryMode.equals("is")){
String query = act + " = '" + keywords + "'";
list = operate.QueryUserproducing(query);
}
}
//总共查出多少条
int count = list.size();
request.setAttribute("list", list);
//总共多少页
int countPageTmp = count % Integer.parseInt(perPage);
int countPage = 1;
if(countPageTmp != 0 || count == 0){
countPage = count / Integer.parseInt(perPage) + 1;
}else{
countPage = count / Integer.parseInt(perPage);
}
%>
<%
//当前是第几页
String currentPage = request.getParameter("currentPage");
if(currentPage == null || currentPage == "") currentPage = "1";
//当前从第几条开始显示
int showPage = (Integer.parseInt(currentPage)-1) * Integer.parseInt(perPage);
String showCount = String.valueOf(showPage);
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript">
//判断翻页按钮的可用性
function inint(){
alert(document.getElementById("forBtn").disabled);
document.getElementById("forBtn").disabled = true;
alert(document.getElementById("forBtn").disabled);
if(document.getElementById("countDiv").innerHTML < 2){
document.getElementById("nextBtn").disabled = true;
}
}
//查询索引
var items = window.parent.document.getElementById("searchItem");
var act = items.options[items.selectedIndex].text;
if(act=="产品名称"){
act = "produceName";
}else if(act=="证书编号"){
act = "producingCertificateNumber";
}else if(act=="生产商"){
act = "manufactureName";
}else if(act=="检查机构"){
act="certificationInstitution";
}
//查询关键字
var keywords = window.parent.document.getElementById("key").value;
//是否精确查询
var itemsQuery = window.parent.document.getElementById("queryMode");
var queryMode = itemsQuery.options[itemsQuery.selectedIndex].text;
if(queryMode == "模糊"){
queryMode = "like";
}else if(queryMode == "精确"){
queryMode = "is";
}
//每页显示的条数
var itemsCount = window.parent.document.getElementById("perPage");
var perPage = itemsCount.options[itemsCount.selectedIndex].text;
//向上翻页
function pageUp(){
//总页数
var countPage = document.getElementById("countDiv").innerHTML;
//翻页后的页数
var currentPage = document.getElementById("currentDiv").innerHTML-1;
document.search.action = "server.jsp?act="+act+"&keywords="+keywords+"&queryMode="+queryMode+"&perPage="+perPage+"¤tPage="+currentPage;
document.search.submit();
}
//向下翻页
function pageDown(){
//总页数
var countPage = document.getElementById("countDiv").innerHTML;
//翻页后的页数
var currentPage = document.getElementById("currentDiv").innerHTML+1;
document.search.action = "server.jsp?act="+act+"&keywords="+keywords+"&queryMode="+queryMode+"&perPage="+perPage+"¤tPage="+currentPage;
document.search.submit();
}
</script>
</head>
<body onload="">
<div id="detailDiv">
<table width="550" border="1">
<tr><td>省名</td><td>市县名</td><td>乡镇名</td><td>证书编号</td><td>产品编号</td><td>生产单位</td><td>查看</td></tr>
<logic:iterate offset="<%=showCount %>" length="<%=perPage%>" id="showList" name="list" type="com.pickedpoint.SAFAS.mobilecatch.server.hibernate.model.TPrUserproducingcertificate">
<tr>
<td><bean:write name="showList" property="producingProvince"/></td>
<td><bean:write name="showList" property="producingCity"/></td>
<td><bean:write name="showList" property="producingTown"/></td>
<td><bean:write name="showList" property="producingCertificateNumber"/></td>
<td><bean:write name="showList" property="userProducingCertificateId"/></td>
<td><bean:write name="showList" property="manufactureName"/></td>
<td> <a href="detail.jsp?id=<%=showList.getUserProducingCertificateId()%>">详细</a> </td>
</tr>
</logic:iterate>
</table>
<table width="550">
<tr>
<td colspan="7" align="right">
<div style='float="right"'>
<div style='float="left"'>页:</div>
<div id="currentDiv" style='float="left"'><%=currentPage%></div>
<div style='float="left"'>/</div>
<div style='float="left"' id="countDiv"><%=countPage %></div>
<div style='float="left"'> 共<%=count %>条</div>
<div id="pageControl" style='float="left"'><input id="forBtn" type="button" value="上一页" onclick="pageUp()"><input id="nextBtn" type="button" value="下一页" onclick="pageDown()"></div>
</div>
</td>
</tr>
</table>
</div>
<script>
<!--
inint();
window.parent.document.all['detailDiv'].innerHTML=document.all['detailDiv'].innerHTML;
-->
</script>
</body>
</html>
注意script的位置
分享到:
相关推荐
iframe局部刷新,实现局部刷新...................................
iframe之局部刷新 - 行知 - JavaEye技术网站.mht
基于AdminLTE(bootstrap)用JS实现的局部刷新的案例,这个是使用js刷新局部页面,以及提交的案例,还有使用js刷新的案例在我另外的资源里
Iframe是一种嵌入网页的框架形式,Web页面可以通过更改嵌入的部分,达到部分内容刷新,通过本文和大家一起学习iframe实现局部刷新的几种方法汇总,对iframe局部刷新相关知识感兴趣的朋友一起学习吧
基于bootstrap用JS实现的局部刷新的案例,基于iframe实现tab页切换的效果
这是后台的模板,用bootstarp 和 iframe 实现的局部刷新,还带有选项卡功能,可以自由关闭打开的窗口,关闭其他或者全部关闭
1.如何实现简单页面布局 2.使用jsp如何实现隐藏与显示效果 3.通过iframe实现局部动态更新页面内容 1.界面布局 2.JavaScript实现隐藏缩放
springboot页面没有使用iframe局部刷新页面各种前端插件权限管理
使用iframe实现图片上传以及上传后的本页面无刷新展示。运行环境是php和jq
基于AdminLTE(bootstrap)用JS实现的局部刷新的案例,这个是使用js刷新局部页面,以及提交的案例,还有使用iframe刷新的案例在我另外的资源里
点击左侧菜单栏只刷新局部,局部就用iframe。 首先先建layout页,建左侧菜单栏,然后下面的@RenderBody() <!-- 左侧导航区域(可配合layui已有的垂直导航) --> <li class=layui-nav-item l
内含:iframe、js、callback和ajax四种局部刷新技术
适合用于iframe框架集的几种页面刷新方法,局部刷新,动态刷新, window.location.herf的刷新方式
springmvc 集成 tiles2实现页面模板局部刷新 浏览器高度自适应
这是后台模板框架,利用iframe做的后台的模板框架,实现局部刷新
因为是从{B}中对批量操作了{A}的数据,{B}是与server通信的,也就是会进行逻辑层/持久层操作,这样server端更新的呈现部分是{B}而不是全部,这也就是局部刷新,只刷{B}。而我们需要做的是让{A}中的内容也跟着变。 ...
以前比较常用的是iframe这样来做。现在多了个ajax,所以一般情况下都是用的ajax。第一种方法,ajax实现:当然,ajax使用起来确实很简单就可以实现,但是里面的很多知识还是比较有点深的。我之前做页面时间自动刷新的...
基于AdminLTE(bootstrap)用JS实现的局部刷新的案例,这个是使用js刷新局部页面,以及提交的案例,还有使用js刷新的案例在我另外的资源里