質問編集履歴
2
水平線導入
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,10 +1,12 @@
|
|
1
|
-
|
1
|
+
ajaxを使って更新している箇所に記述されているid属性やclass属性をトリガーとして、jQuery UIのdialogを表示する方法をご教示いただけたら幸いです。
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
下記のようにformを使ってビュー(index.cshtml)全体を更新する方式だと①をクリックすることでdialogメッセージを表示することができました。**
|
5
|
+
下記のようにformを使ってビュー(index.cshtml)全体を更新する方式だと①をクリックすることでdialogメッセージを表示することができました。****
|
6
6
|
|
7
7
|
|
8
|
+
|
9
|
+
---
|
8
10
|
|
9
11
|
|
10
12
|
|
@@ -104,15 +106,19 @@
|
|
104
106
|
|
105
107
|
}
|
106
108
|
|
109
|
+
---
|
107
110
|
|
111
|
+
上記の<table></table>の範囲を部分ビュー(_ShowList.cshtml)に転記し、Ajaxを使って部分更新する方式に変えたところ
|
108
112
|
|
109
|
-
**上記の<table></table>の範囲を部分ビュー(_ShowList.cshtml)に転記し、Ajaxを使って部分更新する方式に変えたところ
|
110
|
-
|
111
|
-
①をクリックしても何も起こらない状況です。
|
113
|
+
①をクリックしても何も起こらない状況です。
|
112
114
|
|
113
115
|
|
114
116
|
|
117
|
+
---
|
118
|
+
|
115
119
|
//↓↓index.cshtml
|
120
|
+
|
121
|
+
|
116
122
|
|
117
123
|
@model IEnumerable<hoge.Models.hogeViewModel>
|
118
124
|
|
@@ -176,12 +182,16 @@
|
|
176
182
|
|
177
183
|
</table>
|
178
184
|
|
179
|
-
|
180
|
-
|
181
|
-
|
185
|
+
---
|
182
186
|
|
183
187
|
|
184
188
|
|
185
|
-
|
189
|
+
最終的に展開されるindex.cshtmlにjavascriptやdialog表示内容(<div></div>)が記載されていればよいと思っておりましたが、試しに部分ビュー側(_ShowList.cshtml)にjQueryのインポート、javascriptのコード、dialog表示内容(<div></div>)を書いても状況は変わりませんでした。
|
186
190
|
|
191
|
+
|
192
|
+
|
193
|
+
Ajaxを使って部分更新させた場合でもdialogメッセージを表示する方法をご教示いただけたら幸いです。
|
194
|
+
|
195
|
+
|
196
|
+
|
187
|
-
宜しくお願い致します。
|
197
|
+
宜しくお願い致します。
|
1
文章を太字に、それ以外を細字にしました。
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
Ajax更新箇所をクリックしてjQuery UI のdialogを表示する方法
|
1
|
+
Ajax更新箇所をクリックしてjQuery UI のdialogを表示する方法を知りたいです。
|
test
CHANGED
@@ -1,8 +1,8 @@
|
|
1
|
-
ajaxを使って更新している箇所に記述されているid属性やclass属性をトリガーとして、jQuery UIのdialogを表示する方法をご教示いただけたら幸いです。
|
1
|
+
**ajaxを使って更新している箇所に記述されているid属性やclass属性をトリガーとして、jQuery UIのdialogを表示する方法をご教示いただけたら幸いです。
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
下記のようにformを使ってビュー(index.cshtml)全体を更新する方式だと①をクリックすることでdialogメッセージを表示することができました。
|
5
|
+
下記のようにformを使ってビュー(index.cshtml)全体を更新する方式だと①をクリックすることでdialogメッセージを表示することができました。**
|
6
6
|
|
7
7
|
|
8
8
|
|
@@ -38,7 +38,7 @@
|
|
38
38
|
|
39
39
|
<td>
|
40
40
|
|
41
|
-
<h5><a href="#" class="showdialog">@item.hoge</a></h5>←①クリックすることでdialogメッセージを表示する
|
41
|
+
<h5><a href="#" class="showdialog">@item.hoge</a></h5>**←①クリックすることでdialogメッセージを表示する**
|
42
42
|
|
43
43
|
</td>
|
44
44
|
|
@@ -106,9 +106,9 @@
|
|
106
106
|
|
107
107
|
|
108
108
|
|
109
|
-
上記の<table></table>の範囲を部分ビュー(_ShowList.cshtml)に転記し、Ajaxを使って部分更新する方式に変えたところ
|
109
|
+
**上記の<table></table>の範囲を部分ビュー(_ShowList.cshtml)に転記し、Ajaxを使って部分更新する方式に変えたところ
|
110
110
|
|
111
|
-
①をクリックしても何も起こらない状況です。
|
111
|
+
①をクリックしても何も起こらない状況です。**
|
112
112
|
|
113
113
|
|
114
114
|
|
@@ -178,10 +178,10 @@
|
|
178
178
|
|
179
179
|
|
180
180
|
|
181
|
-
最終的に展開されるindex.cshtmlにjavascriptやdialog表示内容(<div></div>)が記載されていればよいと思っておりましたが、試しに部分ビュー側(_ShowList.cshtml)にjQueryのインポート、javascriptのコード、dialog表示内容(<div></div>)を書いても状況は変わりませんでした。
|
181
|
+
**最終的に展開されるindex.cshtmlにjavascriptやdialog表示内容(<div></div>)が記載されていればよいと思っておりましたが、試しに部分ビュー側(_ShowList.cshtml)にjQueryのインポート、javascriptのコード、dialog表示内容(<div></div>)を書いても状況は変わりませんでした。
|
182
182
|
|
183
183
|
|
184
184
|
|
185
185
|
申し訳ありませんが、何かアドバイスを頂けるとうれしいです。
|
186
186
|
|
187
|
-
宜しくお願い致します。
|
187
|
+
宜しくお願い致します。**
|