jqgrid实现多行数据弹出框添加修改查询操作

最新推荐文章于 2022-07-29 14:57:22 发布

qililong88

最新推荐文章于 2022-07-29 14:57:22 发布

阅读量5.2k

点赞数

本文链接：https://blog.csdn.net/qililong88/article/details/52131540

版权

本文档介绍了如何在前端使用jqGrid工具，实现多行数据的查询、添加和修改功能。后台涉及的技术包括jsp和swagger ui，主要用于数据交互和API接口展示。

摘要由CSDN通过智能技术生成

<span style="font-family: Arial, Helvetica, sans-serif;"><%@ page language="java"  import="java.util.*"  contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%></span>

  <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
  <title>药品图片添加</title>
  <link href="../../style/css.css" rel="stylesheet" />
  <link rel="stylesheet" type="text/css" media="screen" href="/resources/style/jquery-ui.css" />
  <link rel="stylesheet" type="text/css" media="screen" href="/resources/style/ui.multiselect.css" />
  <link rel="stylesheet" type="text/css" media="screen" href="/resources/style/ui.jqgrid.css" />
  <link rel="stylesheet" type="text/css" href="/resources/style/jquery-ui-timepicker-addon.css" />
	
  <script type="text/javascript" src="/resources/scripts/jquery-1.9.0.js"></script>
  <script type="text/javascript" src="/resources/scripts/jquery-ui.js"></script>
  <script type="text/javascript" src="/resources/scripts/ui.multiselect.js"></script>
  <script type="text/javascript" src="/resources/scripts/jquery.jqGrid.src.js"></script>
  <script type="text/javascript" src="/resources/scripts/i18n/grid.locale-cn.js"></script>
  <script type="text/javascript" src="/resources/scripts/fufang.grid.src.js"></script>
  <script type="text/javascript" src="/resources/scripts/jquery.ui.datepicker-zh-CN.js"></script>
  <script type="text/javascript" src="../../scripts/jquery-ui-timepicker-addon.js"></script>
  <script src="/resources/scripts/jquery.ui.note.js"></script> 

	</head>
	<body>
	<div id="addmaterialNext" title="选择要添加和修改的图片" style="display:none">//要弹出添加框，此处先定义为隐藏
	<form  id="addmaterialNextForm" name="addmaterialNextForm" enctype="multipart/form-data"  method="post">
			<table width="99%" border="1" class="grid" id="table_supp">
				<tbody class="addimg">
					<!-- <tr>/*如果选择用单行的操作则取消次注释，多行操作要有次注释，保障弹出页面的统一性*/
						<th>选择图片</th>
						<td>
						<input type="file" id="imageUrls" name="imageUrls"/>
						<input type="text" id="ids" name="ids"/>
						</td>
					</tr> -->
				</tbody>
			</table>
			<div align="center" ><input type="button"  οnclick="saveData()" value="上传图片"/></div>
		</form>
		</div>
	    <span class="tit_text">药品名称：</span> 
	    <input type="text" class="input_text" id="taskCode"  placeholder="药品名"/>
	    <input type="button" value="查询" οnclick="findData();"/>
	    <input type="button" value="添加图片" οnclick="addimg();"/>
	    <table id="_materialNextJqGrid" class="grid" widt