私はthymeleafを使用しており、JavascriptまたはJqueryを使用してその値に基づいてテーブル行を移動したいと考えています。 値が "BAD"の場合、現在のテーブルからその行を削除し、その行を不良テーブルに移動します。私は<TD>
がthymeleaf foreach:iterateを使って動的に挿入されているので、テーブルにクラスはありません。Thymeleaf HTMLテーブルの行を、その値に基づいて別のテーブルに移動するにはどうすればよいですか?
このすべてのオンロードは可能ですか?
私は値「BAD」とし、別のテーブルに挿入を持っている最初の列を持つすべての行を複製し、削除しようとしましたが、私は最初の値を検索するスクリプトを書いてトラブルを抱えています。
Htmlの
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<!--<meta http-equiv="refresh" content="1" />-->
<link href="../static/css/style.css"
th:href="@{css/style.css}" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="container">
<div class="jumbotron">
<h3 style="color:yellow;">
BAD/WARNING
</h3>
<h3>
APPLICATION PROCESSING MONITORING
</h3>
<table id="tablePmBad">
<tr>
<th> Status </th>
<th> HostName </th>
<th> Process Name </th>
<th> Process Count </th>
</tr>
<tr>
<td> BAD </td>
<td> Host1 </td>
<td> process1</td>
<td> 0 </td>
</tr>
</table>
<h3 style="color:green;">
GREEN/NORMAL
</h3>
<h3>
APPLICATION SERVER
</h3>
<table id="tablePmGreen">
<tr>
<th> Status </th>
<th> Host </th>
<th> Cpu Memory </th>
<th> App Memory </th>
<th> Opt Memory </th>
</tr>
<tr th:each="datamem", iterStat : ${datalist}">
<td th: "${datamem.status}"></td>
<td th: "${datamem.host}"></td>
<td th: "${datamem.cpuMem}"></td>
<td th: "${datamem.appMem}"></td>
<td th: "${datamem.optMem}"></td>
</tr>
</table>
<h3>
MONITORING
</h3>
<table id="tableMGreen">
<tr>
<th> Status </th>
<th> HostName </th>
<th> Process Name </th>
<th> Process Count </th>
</tr>
<tr th:each="data, iterStat : ${countlist}">
<td th: "${data.Status}"> </td>
<td th: "${data.host}"> </td>
<td th: "${data.pName}"></td>
<td th: "${data.pcount}"></td>
</tr>
</table>
<script src="../static/css/color.js" type="text/javascript" th:src="@{css/color.js}"></script>
</div>
</div>
</body>
</html>
この質問は非常に曖昧です。いくつかのサンプルコードは素晴らしい追加です。それらのテーブルをどのように生成しますか?あなたのデータはどのように背中に形作られていますか? BAD/GOODフラグでデータを並べ替えるのは意味がありますか? – Nikolai
私は良い/悪い私のデータを並べ替えたいですが、私はjavascriptやjqueryで行う方法がわかりません。 – Jesse
元々、どのようにサーバー情報をすべて取得していますか?なぜクライアント側の代わりにすべてのサーバー側を並べ替えるのですか? – Adjit