質問編集履歴
10
一応動いている様子の図をさらに追加。
test
CHANGED
File without changes
|
test
CHANGED
@@ -75,6 +75,8 @@
|
|
75
75
|
}
|
76
76
|
}
|
77
77
|
```
|
78
|
+
一応やりたいことの途中までは動いている様子です。
|
79
|
+
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-03-03/94796d58-dfee-4caa-b527-d15ff55b0c26.png)
|
78
80
|
### 試したこと
|
79
81
|
ネット上のコードからお借りしてきたものなので、そもそもよく分かっていないのが問題だと思います。
|
80
82
|
その後もネット上のコードから書き換えを試しているのですが、ビルドが通りません。
|
9
説明の補足を行いました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -3,7 +3,7 @@
|
|
3
3
|
thのクリックでそれぞれの列に合わせたソートが可能です(実現済み)
|
4
4
|
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-03-03/a6d5eff3-9921-4c8a-b7bf-8a4258f8efaf.png)
|
5
5
|
今回実現したいこととしては、
|
6
|
-
・ランクとある列のtdを編集可能としたく思います。
|
6
|
+
・ランクとある列のtdをA~Eの文字列で編集可能としたく思います。
|
7
7
|
・tdを@onclickでクリックするとプルダウンに変化し、プルダウンの内容を選択するとtdに文字列のみが残って欲しい。
|
8
8
|
また、行ごとに編集が行えるようにしたい。
|
9
9
|
|
8
説明を大幅に改稿
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,4 +1,9 @@
|
|
1
1
|
### 実現したいこと
|
2
|
+
下図のようなテーブルを作っております。将来的にはデータグリッドとするつもりです。
|
3
|
+
thのクリックでそれぞれの列に合わせたソートが可能です(実現済み)
|
4
|
+
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-03-03/a6d5eff3-9921-4c8a-b7bf-8a4258f8efaf.png)
|
5
|
+
今回実現したいこととしては、
|
6
|
+
・ランクとある列のtdを編集可能としたく思います。
|
2
7
|
・tdを@onclickでクリックするとプルダウンに変化し、プルダウンの内容を選択するとtdに文字列のみが残って欲しい。
|
3
8
|
また、行ごとに編集が行えるようにしたい。
|
4
9
|
|
7
試したこと、の説明を修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -75,7 +75,7 @@
|
|
75
75
|
その後もネット上のコードから書き換えを試しているのですが、ビルドが通りません。
|
76
76
|
また、Visual Studioのサジェスチョン機能でコードを改変してみても同様でした。
|
77
77
|
一応動いているコードはあるのですが、プログラムと呼ぶにもお恥ずかしい内容で、メンテナンス性も最悪だと思います。
|
78
|
-
また、これでは該当コードを張り付けたtdが全て編集状態になるのも問題です。
|
78
|
+
また、これでは該当コードを張り付けたtdが全て同時に編集状態になるのも問題です。
|
79
79
|
|
80
80
|
### 補足情報(FW/ツールのバージョンなど)
|
81
81
|
開発環境:Visual Studio2022 .NET7.0
|
6
問題点など表記
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,5 +1,6 @@
|
|
1
1
|
### 実現したいこと
|
2
|
-
・tdを@onclickでクリックするとプルダウンに変化し、プルダウンの内容を選択するとtdに文字列のみが残って欲しい
|
2
|
+
・tdを@onclickでクリックするとプルダウンに変化し、プルダウンの内容を選択するとtdに文字列のみが残って欲しい。
|
3
|
+
また、行ごとに編集が行えるようにしたい。
|
3
4
|
|
4
5
|
### 前提
|
5
6
|
Windows 11 の Visual Studio 2022 で Blazor WASMアプリをターゲットフレームワーク .NET 7.0 で作っています。
|
@@ -74,6 +75,7 @@
|
|
74
75
|
その後もネット上のコードから書き換えを試しているのですが、ビルドが通りません。
|
75
76
|
また、Visual Studioのサジェスチョン機能でコードを改変してみても同様でした。
|
76
77
|
一応動いているコードはあるのですが、プログラムと呼ぶにもお恥ずかしい内容で、メンテナンス性も最悪だと思います。
|
78
|
+
また、これでは該当コードを張り付けたtdが全て編集状態になるのも問題です。
|
77
79
|
|
78
80
|
### 補足情報(FW/ツールのバージョンなど)
|
79
81
|
開発環境:Visual Studio2022 .NET7.0
|
5
一応、動いているコードを併記
test
CHANGED
File without changes
|
test
CHANGED
@@ -53,11 +53,12 @@
|
|
53
53
|
}
|
54
54
|
```
|
55
55
|
|
56
|
-
|
56
|
+
### 補足、一応動いてはいるコード
|
57
|
+
```html
|
57
58
|
<td class="editableTD" @onclick="changeEdit">@((MarkupString)messageText)</td>
|
58
59
|
```
|
59
60
|
|
60
|
-
```
|
61
|
+
```blazor
|
61
62
|
@code {
|
62
63
|
public string messageText = "ー";
|
63
64
|
private void changeEdit()
|
4
一応動いているコードを併記
test
CHANGED
File without changes
|
test
CHANGED
@@ -52,10 +52,27 @@
|
|
52
52
|
};
|
53
53
|
}
|
54
54
|
```
|
55
|
+
|
56
|
+
```一応動いてはいるコードhtml部分
|
57
|
+
<td class="editableTD" @onclick="changeEdit">@((MarkupString)messageText)</td>
|
58
|
+
```
|
59
|
+
|
60
|
+
```一応動いてはいるコードblazor
|
61
|
+
@code {
|
62
|
+
public string messageText = "ー";
|
63
|
+
private void changeEdit()
|
64
|
+
{
|
65
|
+
|
66
|
+
messageText =
|
67
|
+
"<select name='select106' onchange='change(this)'><option>選択</option><option value='1番目'>A</option><option value='2番目'>B</option><option value='3番目'>C</option><option value='4番目'>D</option><option value='5番目'>E</option></select>";
|
68
|
+
}
|
69
|
+
}
|
70
|
+
```
|
55
71
|
### 試したこと
|
56
72
|
ネット上のコードからお借りしてきたものなので、そもそもよく分かっていないのが問題だと思います。
|
57
73
|
その後もネット上のコードから書き換えを試しているのですが、ビルドが通りません。
|
58
74
|
また、Visual Studioのサジェスチョン機能でコードを改変してみても同様でした。
|
75
|
+
一応動いているコードはあるのですが、プログラムと呼ぶにもお恥ずかしい内容で、メンテナンス性も最悪だと思います。
|
59
76
|
|
60
77
|
### 補足情報(FW/ツールのバージョンなど)
|
61
78
|
開発環境:Visual Studio2022 .NET7.0
|
3
マークダウンの記法を修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -52,8 +52,6 @@
|
|
52
52
|
};
|
53
53
|
}
|
54
54
|
```
|
55
|
-
|
56
|
-
```
|
57
55
|
### 試したこと
|
58
56
|
ネット上のコードからお借りしてきたものなので、そもそもよく分かっていないのが問題だと思います。
|
59
57
|
その後もネット上のコードから書き換えを試しているのですが、ビルドが通りません。
|
2
ソースコードを見やすく分離
test
CHANGED
File without changes
|
test
CHANGED
@@ -35,6 +35,7 @@
|
|
35
35
|
</EditForm>
|
36
36
|
}
|
37
37
|
</td>
|
38
|
+
```
|
38
39
|
```blazor
|
39
40
|
@code {
|
40
41
|
[Parameter]
|
1
WASMアプリだと記載しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
・tdを@onclickでクリックするとプルダウンに変化し、プルダウンの内容を選択するとtdに文字列のみが残って欲しい
|
3
3
|
|
4
4
|
### 前提
|
5
|
-
Windows 11 の Visual Studio 2022 で Blazor S
|
5
|
+
Windows 11 の Visual Studio 2022 で Blazor WASMアプリをターゲットフレームワーク .NET 7.0 で作っています。
|
6
6
|
|
7
7
|
tdタグをクリックする機能を実装中に以下のエラーメッセージが発生し、ビルドが出来ません。
|
8
8
|
|