質問編集履歴

3

javascliptを追加しました

2020/05/25 06:43

投稿

tohmey
tohmey

スコア10

test CHANGED
File without changes
test CHANGED
@@ -127,3 +127,35 @@
127
127
  }
128
128
 
129
129
  ```
130
+
131
+
132
+
133
+ ```javascript
134
+
135
+ //これは、ボタンを置いて
136
+
137
+ //1クリック毎に上記slctline2~6タグに<div th:replace="this :: sortAjaxBody">を追記しています
138
+
139
+ //mapSize分クリックすると、べた書きhtmlと同じコードになります
140
+
141
+
142
+
143
+ $("#button").on('click', function() {
144
+
145
+ for(i = 2; i <= mapSize; i++) {
146
+
147
+ var $line = document.getElementById("slctline" + i);
148
+
149
+ if (!$line.hasChildNodes()) {
150
+
151
+ $line.insertAdjacentHTML('beforeend', '<div th:replace="this :: sortAjaxBody"></div>');
152
+
153
+ break;
154
+
155
+ }
156
+
157
+ }
158
+
159
+ });
160
+
161
+ ```

2

javascliptを追加しました

2020/05/25 06:43

投稿

tohmey
tohmey

スコア10

test CHANGED
File without changes
test CHANGED
@@ -99,3 +99,31 @@
99
99
  </div>
100
100
 
101
101
  ```
102
+
103
+
104
+
105
+ ```javascript
106
+
107
+ //ひとまずここでは
108
+
109
+ //上記htmlからslctline2~6を削除したうえで、slctline2~6タグを作っています
110
+
111
+ //itmMap のサイズがjs上で取得できず(うまくいかず)、コントローラからmapサイズを別途送っています
112
+
113
+
114
+
115
+ var mapSize = /*[[${mpsiz}]]*/0;
116
+
117
+ window.onload =function() {
118
+
119
+ for(var i = 2; i <= mapSize; i++) {
120
+
121
+ $('#slctline').append('<div id="abcdefgz"></div>');
122
+
123
+ $('#abcdefgz').attr('id', 'slctline' + i);
124
+
125
+ }
126
+
127
+ }
128
+
129
+ ```

1

文章を修正しました。

2020/05/25 06:28

投稿

tohmey
tohmey

スコア10

test CHANGED
File without changes
test CHANGED
@@ -10,7 +10,7 @@
10
10
 
11
11
 
12
12
 
13
- Thymeleafにこだわりがあるわけではなく、slctline1の内容をitmMap のサイズ分だけID付きで6個並べたい、というのが目指すゴールになります。
13
+ Thymeleafにこだわりがあるわけではなく、slctline1の内容をitmMap のサイズ分だけID付きで並べたい、というのが目指すゴールになります。
14
14
 
15
15
 
16
16