質問編集履歴
3
javascliptを追加しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -62,4 +62,20 @@
|
|
|
62
62
|
$('#abcdefgz').attr('id', 'slctline' + i);
|
|
63
63
|
}
|
|
64
64
|
}
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
```javascript
|
|
68
|
+
//これは、ボタンを置いて
|
|
69
|
+
//１クリック毎に上記slctline2～6タグに<div th:replace="this :: sortAjaxBody">を追記しています
|
|
70
|
+
//mapSize分クリックすると、べた書きhtmlと同じコードになります
|
|
71
|
+
|
|
72
|
+
$("#button").on('click', function() {
|
|
73
|
+
for(i = 2; i <= mapSize; i++) {
|
|
74
|
+
var $line = document.getElementById("slctline" + i);
|
|
75
|
+
if (!$line.hasChildNodes()) {
|
|
76
|
+
$line.insertAdjacentHTML('beforeend', '<div th:replace="this :: sortAjaxBody"></div>');
|
|
77
|
+
break;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
});
|
|
65
81
|
```
|
2
javascliptを追加しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -48,4 +48,18 @@
|
|
|
48
48
|
<div id="slctline6"><div th:replace="this :: sortAjaxBody"></div></div>
|
|
49
49
|
<!-- ここまで -->
|
|
50
50
|
</div>
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
```javascript
|
|
54
|
+
//ひとまずここでは
|
|
55
|
+
//上記htmlからslctline2～6を削除したうえで、slctline2～6タグを作っています
|
|
56
|
+
//itmMap のサイズがjs上で取得できず（うまくいかず）、コントローラからmapサイズを別途送っています
|
|
57
|
+
|
|
58
|
+
var mapSize = /*[[${mpsiz}]]*/0;
|
|
59
|
+
window.onload =function() {
|
|
60
|
+
for(var i = 2; i <= mapSize; i++) {
|
|
61
|
+
$('#slctline').append('<div id="abcdefgz"></div>');
|
|
62
|
+
$('#abcdefgz').attr('id', 'slctline' + i);
|
|
63
|
+
}
|
|
64
|
+
}
|
|
51
65
|
```
|
1
文章を修正しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
ベタ書きの下記htmlでは、slctline2～6の<div th:replace="this :: sortAjaxBody"></div>の部分が、slctline1の<div th:fragment="sortAjaxBody">で囲まれた部分と置き換わり、画面にプルダウンなどが6個並んだ状態になるのですが、
|
|
5
5
|
ループ（※いろいろ試しましたがいったん割愛）にし、html的にはベタ書きと同じ形までもっていくことはできるのですが、<div th:replace="this :: sortAjaxBody"></div>が置き換わらずにそのままです。画面には表示されません。
|
|
6
6
|
|
|
7
|
-
Thymeleafにこだわりがあるわけではなく、slctline1の内容をitmMap のサイズ分だけID付きで
|
|
7
|
+
Thymeleafにこだわりがあるわけではなく、slctline1の内容をitmMap のサイズ分だけID付きで並べたい、というのが目指すゴールになります。
|
|
8
8
|
|
|
9
9
|
アドバイスをいただけるとありがたいです。
|
|
10
10
|
|