📄 product.jsp
字号:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>jb-aptech毕业设计项目</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="<%=request.getContextPath()%>/css/style.css" rel="stylesheet" type="text/css">
<script type='text/javascript' src='<%=request.getContextPath()%>/dwr/engine.js'></script>
<script type='text/javascript' src='<%=request.getContextPath()%>/dwr/util.js'></script>
<script type='text/javascript' src='<%=request.getContextPath()%>/dwr/interface/Pager.js'></script>
<script type='text/javascript' src='<%=request.getContextPath()%>/dwr/interface/BasDictService.js'></script>
<script type="text/javascript" src='<%=request.getContextPath()%>/js/s1.js'></script>
</head>
<!-- 自定义分页控件的客户端js -->
<script type='text/javascript' src='<%=request.getContextPath()%>/js/PageCtl.js'></script>
<script>
var tab1 = new TablePage('tab1','TBody1', 'pgCtl', 'product');
//以下是可选的
tab1.dateformat="yyyy年MM月dd日 HH时mm分ss秒" //如果包含日期列,这里可以定义日期的显示格式
tab1.sqlFilter="" //查询条件
tab1.pagesize=10; //每页多少行
tab1.wait='waitCtl'; //等待的提示
tab1.default_callback=function over() //显示完成以后的回调函数
{
waitCtl.style.display = 'none';
};
function reload()
{
tab1.sqlFilter="";
if("" != $('prodName').value){
tab1.sqlFilter +=" and prod_name like '%"+$('prodName').value+"%'";
}
if("" != $('prodType').value){
tab1.sqlFilter +=" and prod_type like '%"+$('prodType').value+"%'";
}
if("" != $('prodBatch').value){
tab1.sqlFilter +=" and prod_batch like '%"+$('prodBatch').value+"%'";
}
tab1.go(1);
}
function shose(id)
{
$('qq1'+id).style.background='#6ec2fd';
$('qq2'+id).style.background='#6ec2fd';
$('qq3'+id).style.background='#6ec2fd';
$('qq4'+id).style.background='#6ec2fd';
$('qq5'+id).style.background='#6ec2fd';
$('qq6'+id).style.background='#6ec2fd';
$('qq7'+id).style.background='#6ec2fd';
}
function go(id)
{
$('qq1'+id).style.background='eeeeff';
$('qq2'+id).style.background='eeeeff';
$('qq3'+id).style.background='eeeeff';
$('qq4'+id).style.background='eeeeff';
$('qq5'+id).style.background='eeeeff';
$('qq6'+id).style.background='eeeeff';
$('qq7'+id).style.background='eeeeff';
}
</script>
<body onload="javascript:{tab1.go(1)}">
<input type="hidden" id="status" value="${sessionScope.usrFlagIndex}">
<div class="page_title">产品查询</div>
<div class="button_bar">
<button class="common_button" onclick="helpq7();">帮助</button>
<button class="common_button" onclick="reload();">查询</button>
</div>
<table class="query_form_table">
<tr>
<th>名称</th>
<td><input id="prodName" /></td>
<th>型号</th>
<td><input id="prodType"/></td>
<th>批次</th>
<td><input id="prodBatch"/></td>
</tr>
</table>
<br />
<!-- 表格的主体部分 -->
<table class="data_list_table">
<!-- 表头 -->
<th>编号</th>
<th>名称</th>
<th>型号</th>
<th>等级/批次</th>
<th>单位</th>
<th>单价(元)</th>
<th>备注</th>
<!-- 表主体 -->
<tbody id="TBody1">
<tr id="template" style="display:none" onmouseenter="shose(this.id.substring(8))" onmouseleave="go(this.id.substring(8))">
<td class="list_data_number" id="qq1"+template.id.substring(8)><span id="template:prod_id"/></td>
<td class="list_data_text" id="qq2"+template.id.substring(8)><span id="template:prod_name"/></td>
<td class="list_data_text" id="qq3"+template.id.substring(8)><span id="template:prod_type"/></td>
<td class="list_data_text" id="qq4"+template.id.substring(8)><span id="template:prod_batch"/></td>
<td class="list_data_text" id="qq5"+template.id.substring(8)><span id="template:prod_unit"/></td>
<td class="list_data_text" id="qq6"+template.id.substring(8)><span id="template:prod_price"/></td>
<td class="list_data_text" id="qq7"+template.id.substring(8)><span id="template:prod_memo"/></td>
</tr>
</tbody>
<!-- 表格的分页控制部分 -->
<tr id="reveal" style="display:none"><td align="center" colspan="8">没有找到你所需要的数据</td></tr>
<tr>
<th colspan="100" class="pager">
<div align="left" id="waitCtl">正在加载...</div>
<div id="pgCtl" class="pager">
</th>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -