把下面的source，改写成thymeleaf形式
文件。
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ page pageEncoding="UTF-8"%>
<%@ taglib uri="http://java
.sun
.com/
jsp/
jstl/core" prefix="c"%>
<%@ taglib uri="http://www
.springframework
.org/tags" prefix="spring"%>
<%@ taglib uri="http://www
.springframework
.org/tags/form" prefix="form"%>
<!DOCTYPE html>
<html>
<head>
<!-- IEバージョン設定 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE
11">
<title> 会社マスタ一覧画面</title>
<!-- jQuery設定 -->
<script src="<c:url value="/resources/
js/jquery-
1.11.3
.min
.js" />"></script>
<!-- CSS設定 -->
<link rel="stylesheet" type="text/css"
href="<c:url value="/resources/css/tsocms
.css" />">
<script>
$(function
() {
$("
.stockCompanyMasterListTable tr:odd"
).addClass
("odd"
);
$("
.stockCompanyMasterListTable tr:even"
).addClass
("even"
);
}
);
</script>
<script>
<!--
function stockCompanyclearButton
() {
document
.select
.mechSubCode
.value = "";
document
.select
.stockCompanyName
.value ="";
}
function up
dateSubmitCheck
() {
if
(!radioCheck
("更新対象をラジオボタンで選択してください。"
)) return;
stockCompanyMasterListUp
dateButton
();
}
function deleteSubmitCheck
() {
if
(!radioCheck
("削除対象をラジオボタンで選択してください。"
)) return;
stockCompanyMasterListDeleteButton
();
}
function stockCompanySearchButton
() {
var target = document
.getElementById
("stockCompanyMasterListForm"
);
target
.action = "
${
pageContext.request.contextPath}/stockcompanymasterlist/select";
target
.submit
();
}
function stockCompanyMasterListDeleteButton
() {
var target = document
.getElementById
("stockCompanyMasterListForm"
);
target
.action = "
${
pageContext.request.contextPath}/stockcompanymasterdelete";
target
.submit
();
}
function stockCompanyMasterListUp
dateButton
() {
var target = document
.getElementById
("stockCompanyMasterListForm"
);
target
.action = "
${
pageContext.request.contextPath}/stockcompanymasterup
date";
target
.submit
();
}
function radioCheck
(msg
) {
var flag = false;
var elm = document
.getElementsByName
('selectedKey'
);
for
(i = 0; i < elm
.length; i++
) {
if
(elm[i]
.checked
) {
flag = true;
}
}
if
(!flag
) {
alert
(msg
);
return false;
}
return true;
}
//-->
</script>
</head>
<body>
<!--
<!-- ページ見出し -->
<div>
<h
1> 会社マスタ一覧画面</h
1>
</div>
<form:form name="select" modelAttribute="stockCompanyMasterListForm" method="post"
action="
${
pageContext.request.contextPath}/stockcompanymasterlist/select">
<!-- 会社結果一覧
表 -->
<div class="stockCompanyMasterListTableAll">
<div class="keyleft">
<!-- 検索キー -->
<!-- 機構加入者コード -->
<div class="searchkey">
<span class="mechSubCodeKey">機構加入者コード</span>
<form:input type="search" path="mechSubCode" size="45" />
</div>
<!-- 会社名 -->
<div class="searchkey">
<span class="stockCompanyNameKey">会社名</span>
<form:input type="search" path="stockCompanyName" size="45" />
</div>
<!-- Hidden検索キー -->
<form:hidden path="mechSubCodeHidden" />
<form:hidden path="stockCompanyNameHidden" />
</div>
<div class="keyright">
<!-- 検索ボタン -->
<form:button type="submit" name="stockCompanySearchbutton" id="stockCompanySearchbutton"
onclick="stockCompanySearchButton
()">検索</form:button>
<!-- 初期化ボタン -->
<form:button type="button" name="stockCompanyclearbutton" id="stockCompanyclearbutton"
onclick="stockCompanyclearButton
()">初期化</form:button>
</div>
<div class="stockCompanyMasterListTable">
<table class="stockCompanyMasterListTable">
<thead class="stockCompanyMasterList">
<tr>
<th class="radioButton"></th>
<th class="mechSubCode">機構加入者コード</th>
<th class="stockCompanyName">会社名</th>
<th class="stockCompanyNameKana">会社名カナ</th>
<th class="effective
Date">適用開始日</th>
<th class="expire
Date">適用終了日</th>
</tr>
</thead>
<tbody class="searchListBody">
<c:forEach var="detail" items="
${stockCompanyMasterListForm
.stockCompanyMasterListDetailFormList}" varStatus="status">
<tr>
<td class="radioButton">
<form:radiobutton path="selectedKey" value="
${detail
.mechanismSubscriberCd},
${detail
.effective
Date}" /><br>
</td>
<td class="mechSubCode">
<c:out value="
${detail
.mechanismSubscriberCd}"></c:out>
</td>
<td class="stockCompanyName">
<c:out value="
${detail
.stockcompany}"></c:out>
</td>
<td class="stockCompanyNameKana">
<c:out value="
${detail
.stockcompanyKana}"></c:out>
</td>
<td class="effective
Date">
<c:out value="
${detail
.effective
Date}"></c:out>
</td>
<td class="expire
Date">
<c:out value="
${detail
.expire
Date}"></c:out>
</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
<div class="left"></div>
<div class="right">
<!-- 新規登録ボタン -->
<form:button type="button" name="stockCompanyMasterListRegisterbutton" id="stockCompanyMasterListRegisterbutton"
onclick="location
.href='
${
pageContext.request.contextPath}/stockcompanymasterregister'">新規登録</form:button>
<!-- 更新ボタン -->
<form:button type="button" name="stockCompanyMasterListUp
datebutton" id="stockCompanyMasterListUp
datebutton"
onclick="up
dateSubmitCheck
()">更新</form:button>
<!-- 削除ボタン -->
<form:button type="button" name="stockCompanyMasterListDeletebutton" id="stockCompanyMasterListDeletebutton"
onclick="deleteSubmitCheck
()">削除</form:button>
<!-- 戻るボタン -->
<form:button type="button" name="stockCompanyMasterListReturnbutton" id="stockCompanyMasterListReturnbutton"
onclick="location
.href='
${
pageContext.request.contextPath}/master'">戻る</form:button>
</div>
</div>
</form:form>
</body>
</html>
本文记录了使用LayUI时遇到的问题，包括如何在JS单独文件中获取$(pageContext.request.contextPath)以及如何处理JS发送的包含Date数据的JSON字符串在后台转换时遇到的错误。解决方案包括在JSP中设置变量供JS使用，以及在前端将Date类型转为String以避免后台转换异常。
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
