目的:を使用してクライアント側でテーブルを更新し、Enterキーを押して新しい変更を加えて新しい変更をクライアント側に表示したらDBを更新できるようにします。
ステータス:現在、テーブルを表示し、jeditableを使用してテーブルを編集し、サーバー側のout.jspページに変数を介しPOST
て値を編集します。このページは、変数を受信してクライアント側に表示するために使用します。また、JDBCとSQLITEを使用してこれらのテーブルを動的に生成しており、同じプロセスを使用して新しい値を挿入または置換したいと考えています。id
value
request.getParamater
質問:これらの新しい値でDBを正しく更新するために、行/列情報に関する詳細情報を渡すにはどうすればよいですか?
質問2:行全体を渡す方法はありますか?もしそうなら、私は単純な挿入を行うか、すべての値をテーブルに戻すことができます。
現在のコード:
JSPクライアント側:client.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!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=ISO-8859-1">
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"
type="text/javascript" charset="utf-8"></script>
<script src="js/jedit.js" type="text/javascript" charset="utf-8"></script>
<title>Jeditable Test</title>
<script type="text/javascript">
$(document).ready(function() {
$('.edit').editable('out.jsp', {
indicator : 'Saving...',
tooltip : 'Click to edit...'
});
});
</script>
</head>
<body>
<div class="content">
<table id="demotable1"
style="border: 1px solid #ccc; margin: 50px auto;">
<thead style="border: 1px solid #ccc;">
<tr>
<th filter-type='ddl' style="border: 1px solid #ccc;">ONE</th>
<th filter-type='ddl' style="border: 1px solid #ccc;">TWO</th>
</tr>
</thead>
<tbody>
<tr>
<td class='edit' in="ONE" style='border: 1px solid #ccc;'>Value 1</td>
<td class='edit' id="TWO" style='border: 1px solid #ccc;'>Value 2</td>
</tr>
<tr>
<td class='edit' id="ONE" style='border: 1px solid #ccc;'>Value 3</td>
<td class='edit' id="TWO" style='border: 1px solid #ccc;'>Value 4</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
表画像:
JSP-out.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%
String id = request.getParameter("id");
String value = request.getParameter("value");
%>
</head>
<body>
<%=id%>
<%=value%>
</body>
</html>