jsp页面div列表

<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%
String sample_id = request.getParameter("sample_id");
%>
<head>
<title>扫描入库</title>
<%@ include file="/busi/qui_head.jsp"%>
<!--面板-->
<script type="text/javascript" src="<%=path%>/libs/js/popup/drag.js"></script>
<script type="text/javascript" src="<%=path%>/libs/js/popup/dialog.js"></script>
<script src="<%=path%>/libs/js/table/quiGrid.js" type="text/javascript"></script>
<script src="<%=path%>/libs/js/form/form.js" type="text/javascript"></script>
<!--弹出式提示框start-->
<script type="text/javascript" src="<%=path%>/libs/js/popup/messager.js"></script>
<!--弹出式提示框end-->
<link rel="stylesheet" type="text/css" href="<%=path%>/busi/sample/css/index2.css" />
<link rel="stylesheet" type="text/css" href="<%=path%>/busi/sample/css/main.css" />

</head>
<body >
<div class="wrapper">
<div class="con">
<div class="layout">
<ul>
<li class="box1">病历号</li>
<li class="box2">病名</li>
<li class="box3">标本类型</li>
<li class="box4">状态</li>
<li class="box5">操作</li>
</ul>
</div>
<div id="scanList">
</div>
<div class="layout_b"><input type="text" id="scan" class="input_text" name="scan" /><input type="button" value="录入" onclick="enter()"/></div>
<div class="layout_c">
<input type="button" class="btn" value="智能计算存放位置" onclick="searchplace()"/>
<input type="button" class="btn" value="提交" onclick="formSubmit()"/>
<input type="button" class="btn btn_1" value="取消" onclick="parent.Dialog.close()"/>
</div>
</div>
</div>
<script language="javascript" type="text/javascript" charset="utf-8">

function initComplete(){
//光标锁定
document.getElementById("scan").focus() ;
}
//扫描录入
function enter(){
var sample_id=‘<%=sample_id%>‘;
var param={};
$.post(‘/busi/sampleAction.ered?reqCode=enter‘,{sample_id:sample_id},function(result){
var resultData=eval("("+result+")");
var html=[];
for(var i=0; i<resultData.length; i++) {
html.push(‘<div class="layout_a"><ul><li>‘);
html.push(‘<input type="hidden" value="‘+resultData[i].sampleinfo_id+‘" id="sampleinfo_id" name="sampleinfo_id"/>‘);
html.push(‘<input type="hidden" value="" id="boxice_id" name="boxice_id"/>‘);
html.push(‘<span class="box1">‘+resultData[i].sample_patient+‘</span>‘);
html.push(‘<span class="box2">‘+resultData[i].diseasename+‘</span>‘);
html.push(‘<span class="box3">‘+resultData[i].intance_type+‘</span>‘);
html.push(‘<span class="box4">‘+"扫描成功"+‘</span>‘);
html.push(‘<span class="box5" onclick="searchbyhand(\‘‘+resultData[i].sampleinfo_id+‘\‘)">手工设置存放位置</span>‘);
html.push(‘</li></ul>‘);
html.push(‘ <div class="msg"><p>‘+"所在位置:"+‘</p></div>‘);
html.push(‘</div>‘);
}
$("#scanList").append(html.join(""));
$("#scanList").render();
});
}

//智能计算存放位置
function searchplace(){
var param=[];
$("#scanList .layout_a").each(function(){
var boxice_id=$(this).find("input[name=boxice_id]").val();
if(!boxice_id){
var diseasename=$(this).find(".box2").text();
var intance_type=$(this).find(".box3").text();
param.push(intance_type);
param.push(diseasename);
}
});
$.post(‘/busi/sampleAction.ered?reqCode=searchplace‘,{disease : param.join(",")},function(result){
var resultData=eval("("+result+")");
var i=0;
$("#scanList .layout_a").each(function(){
var boxice_id=$(this).find("input[name=boxice_id]").val();
if(!boxice_id){
if(resultData[i].boxice_id){
var position="所在位置:实验室id:"+resultData[i].lab_id+"冰箱id:"+resultData[i].ice_id+"位置id"+resultData[i].boxice_id;
$(this).find(".msg").html("<span style=‘color:gray‘>"+position+"</span>");
$(this).find("input[name=boxice_id]").val(resultData[i].boxice_id);
}else{
$(this).find(".msg").html("<span style=‘color:gray‘>"+resultData[i].tip+"</span>");
}
}
i++;
});
});
}

var boxice_idArr=‘‘//用于判断是否已被选
//手动设置存放位置
function searchbyhand(sampleinfo_id) {
viewDialog = new parent.Dialog();
viewDialog.URL = "/busi/intanceAction.ered?reqCode=Init&rownumber="+sampleinfo_id+"&boxice_idArr="+boxice_idArr;
viewDialog.Title = "手动设置存放位置";
viewDialog.Width = 1300;
viewDialog.Height = 700;
viewDialog.show();
}

function searchbyhandok(paramboxice,boxice_id,sampleinfo_id) {
boxice_idArr+=boxice_id;
var position="所在位置:实验室id:"+paramboxice.lab_id+"冰箱id:"+paramboxice.ice_id+"位置id"+boxice_id;
$("#scanList .layout_a").each(function(){
var sampleinfo_idbak=$(this).find("input[name=sampleinfo_id]").val();
if(sampleinfo_id==sampleinfo_idbak){
$(this).find(".msg").html("<span style=‘color:gray‘>"+position+"</span>");
$(this).find("input[name=boxice_id]").val(boxice_id);
}
});
}

function formSubmit() {
var jsonArray = [];
$("#scanList .layout_a").each(function(){
var sampleinfo_id=$(this).find("input[name=sampleinfo_id]").val();
var boxice_id=$(this).find("input[name=boxice_id]").val();
if(!boxice_id){
parent.Dialog.alert("还有标本没有位置,请全部确定位置后再做此操作!");
return false;
}
var sample_patient=$(this).find(".box1").text();
var diseasename=$(this).find(".box2").text();
var intance_type=$(this).find(".box3").text();
jsonArray.push(‘{"sampleinfo_id":"‘+sampleinfo_id+‘","boxice_id":"‘+boxice_id+‘","sample_patient":"‘+sample_patient+‘","diseasename":"‘+diseasename+‘","intance_type":"‘+intance_type+‘"}‘);
});
if(jsonArray.length == 0) {
parent.Dialog.alert("无保存数据!",null,null,null,5);
return;
}
$.post(‘/busi/sampleAction.ered?reqCode=saveScan‘,{dirtydata:"["+jsonArray.join(",")+"]"},function(data){
if(data==‘success‘){
parent.$.messager.show(0, "保存成功");
parent.location.reload();
parent.Dialog.close();
}
})
}
</script>
</body>
</html>

时间: 2024-11-06 20:43:31

jsp页面div列表的相关文章

jsp页面table列表

<%@ page language="java" pageEncoding="UTF-8"%><%@ page language="java" import="com.tepper.common.ToolConstants"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://

实现jsp页面两级列表的显示(Map 传值到Jsp 页面;Map去key 和 value 的方法; 实例记载,备不时之需。

Action: List.vm 页面效果: 实现jsp页面两级列表的显示(Map 传值到Jsp 页面;Map去key 和 value 的方法: 实例记载,备不时之需.

jsp页面中jstl标签详解

JSLT标签库,是日常开发经常使用的,也是众多标签中性能最好的.把常用的内容,放在这里备份一份,随用随查.尽量做到不用查,就可以随手就可以写出来.这算是Java程序员的基本功吧,一定要扎实. JSTL全名为JavaServer Pages Standard Tag Library,目前最新的版本为1.1版.JSTL是由JCP(Java Community Process)所制定的标准规范,它主要提供给Java Web开发人员一个标准通用的标签函数库. Web程序员能够利用JSTL和EL来开发We

Spring MVC和Spring Data JPA之获取数据表数据放在List集合,显示在JSP页面

涉及到很多xml配置没写:只写具体实现的所有类 1.实体类 对应数据表SYS_SBGL, 主键是SBBM,主键是自动生成的uuid 数据表内容如下(有图有真相): package com.jinhetech.yogurt.sbgl.entity; import java.io.Serializable; import javax.persistence.Entity; import javax.persistence.GeneratedValue; import javax.persistenc

jsp 页面标签 积累

http://www.cnblogs.com/xiadongqing/p/5232592.html <%@ taglib %>引入标签库 ========================================================================= 1.以classPath中,加入jar包:  standard-1.1.2.jar ,  jstl-1.1.2.jar 2.在相目\WEB-INF\tld\文件夹中放入常用的tld文件:c.tld,fmt.tld

JSP页面标签

1.EL表达式中empty的用法 EL表达式中empty的用法 <c:if test="${! empty key}">${key}</c:if> <c:if test="${empty key}">所有</c:if> 当key不为空时输出key的值.当key为空时,输出“所有” 规则: 1若key为null时,返回true 2若key为空String时,返回true 3若key为空Array时,返回true 4若ke

jsp采用数据库连接池的方法获取数据库时间戳context.xml配置,jsp页面把时间格式化成自己需要的格式

<?xml version="1.0" encoding="UTF-8"?> <!-- 数据库连接池配置文件 --> <Context> <Resource name="jdbc/ConnectionPool" auth="Application" type="javax.sql.DataSource" username="root" passw

springmvc CRUD控制器写法和jsp页面写法 总结大全。

本例介绍控制器和jsp页面的写法,分两部分. 本文中,jsp页面,一共有3个,浏览页面,增加页面,修改页面. 控制器一共有6个.浏览getAuthors,增加页面跳转authorAdd,增加业务authorSave,修改页面跳转authorModify,修改业务authorUpdate,删除业务authorDel. 一.控制器 1,入参. 其中控制器中,需要带id传值的,有2个,一个删除业务,一个是修改页面跳转.这里两个同样需要路径参数注解. 带bean传值的,有3个,一个是增加页面跳转,一个是

java分页的实现(后台工具类和前台jsp页面)

1.首先,新建一个类Page.java 1 public class Page implements Serializable { 2 private static final long serialVersionUID = -3198048449643774660L; 3 private int pageNow = 1; // 当前页数 4 private int pageSize = 10; // 每页显示记录的条数 5 private int totalCount; // 总记录条数 6