質問編集履歴

10

一応動いている様子の図をさらに追加。

2023/03/03 06:16

投稿

macaca
macaca

スコア1

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

説明の補足を行いました。

2023/03/03 06:09

投稿

macaca
macaca

スコア1

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

説明を大幅に改稿

2023/03/03 06:05

投稿

macaca
macaca

スコア1

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

試したこと、の説明を修正

2023/03/03 02:43

投稿

macaca
macaca

スコア1

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

問題点など表記

2023/03/03 02:37

投稿

macaca
macaca

スコア1

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

一応、動いているコードを併記

2023/03/03 02:31

投稿

macaca
macaca

スコア1

test CHANGED
File without changes
test CHANGED
@@ -53,11 +53,12 @@
53
53
  }
54
54
  ```
55
55
 
56
- ```一応動いてはいるコードhtml部分
56
+ ### 補足、一応動いてはいるコード
57
+ ```html
57
58
  <td class="editableTD" @onclick="changeEdit">@((MarkupString)messageText)</td>
58
59
  ```
59
60
 
60
- ```一応動いてはいるコードblazor
61
+ ```blazor
61
62
  @code {
62
63
  public string messageText = "ー";
63
64
  private void changeEdit()

4

一応動いているコードを併記

2023/03/03 02:29

投稿

macaca
macaca

スコア1

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

マークダウンの記法を修正

2023/03/03 02:23

投稿

macaca
macaca

スコア1

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

ソースコードを見やすく分離

2023/03/03 02:22

投稿

macaca
macaca

スコア1

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アプリだと記載しました。

2023/03/03 02:13

投稿

macaca
macaca

スコア1

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 SPAをターゲットフレームワーク .NET 7.0 で作っています。
5
+ Windows 11 の Visual Studio 2022 で Blazor WASMアプリをターゲットフレームワーク .NET 7.0 で作っています。
6
6
 
7
7
  tdタグをクリックする機能を実装中に以下のエラーメッセージが発生し、ビルドが出来ません。
8
8