teratail
回答率
85.30%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問input textのdatalistで特殊文字　Ω(uncode U+02126)を表示したい

編集履歴

質問編集履歴

25

修正

2021/06/09 01:48

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -37,7 +37,7 @@
37
37
 
38
38
  namespace DomainModel {
39
39
  public enum UnitEnum {
40
- [Display(Name = "mΩ")] // Ω(U+03A9)を使用
40
+ [Display(Name = "mΩ")] // Ω(U+003A9)を使用
41
41
  Mohm = 1
42
42
  }
43
43
  }

24

修正

2021/06/09 01:48

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -37,7 +37,7 @@
37
37
 
38
38
  namespace DomainModel {
39
39
  public enum UnitEnum {
40
- [Display(Name = "mΩ")] // Ω(U+2126)を使用
40
+ [Display(Name = "mΩ")] // Ω(U+03A9)を使用
41
41
  Mohm = 1
42
42
  }
43
43
  }

23

修正

2021/06/09 01:47

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -101,11 +101,8 @@
101
101
  SelectUnits.prototype.getValue = () => {
102
102
  // datalistで選択した値をΩ(U+003A9)に変換する　※GridはΩ(U+003A9)の表示の影響を受けなかった。
103
103
  // Ω(U+02126)※機種依存文字 → Ω(U+003A9)変換
104
- if (this.eInput1.value && this.tempUnits) {
105
- let value = this.eInput1.value.toString().replace(/Ω/, "\u{003A9}");
104
+ let value = this.eInput1.value.toString().replace(/Ω/, "\u{003A9}");
106
- this.eInput1.value = value;
105
+ this.eInput1.value = value;
107
- }
108
-
109
106
  return this.eInput1.value;
110
107
  };
111
108
 

22

修正

2021/06/08 23:48

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -91,7 +91,7 @@
91
91
  this.eInput1.appendChild(datalist);
92
92
  }
93
93
 
94
- // 既にGridにデータがある場合　※GridはΩ(U+003A9)の表示の影響を受けなかった。
94
+ // 既にGridにデータがある場合
95
95
  // Ω(U+003A9) → Ω(U+02126)※機種依存文字　変換
96
96
  let value2 = this.eInput1.value.toString().replace(/Ω/, "\u{02126}");
97
97
  this.eInput1.value = value2;
@@ -99,7 +99,7 @@
99
99
  };
100
100
 
101
101
  SelectUnits.prototype.getValue = () => {
102
- // datalistで選択した値をΩ(U+003A9)に変換する
102
+ // datalistで選択した値をΩ(U+003A9)に変換する　※GridはΩ(U+003A9)の表示の影響を受けなかった。
103
103
  // Ω(U+02126)※機種依存文字 → Ω(U+003A9)変換
104
104
  if (this.eInput1.value && this.tempUnits) {
105
105
  let value = this.eInput1.value.toString().replace(/Ω/, "\u{003A9}");

21

修正

2021/06/08 23:33

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -91,7 +91,7 @@
91
91
  this.eInput1.appendChild(datalist);
92
92
  }
93
93
 
94
- // 既にGridにデータがある場合
94
+ // 既にGridにデータがある場合　※GridはΩ(U+003A9)の表示の影響を受けなかった。
95
95
  // Ω(U+003A9) → Ω(U+02126)※機種依存文字　変換
96
96
  let value2 = this.eInput1.value.toString().replace(/Ω/, "\u{02126}");
97
97
  this.eInput1.value = value2;

20

修正

2021/06/08 23:32

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -80,6 +80,7 @@
80
80
  let option = document.createElement("option");
81
81
  option["data-value"] = currentValue.id;
82
82
 
83
+ // datalistへの追加処理
83
84
  // Ω(U+003A9) → Ω(U+02126)※機種依存文字　変換
84
85
  let value = currentValue.text.toString().replace(/Ω/, "\u{02126}");
85
86
  option["value"] = value;
@@ -89,7 +90,8 @@
89
90
 
90
91
  this.eInput1.appendChild(datalist);
91
92
  }
93
+
92
-
94
+ // 既にGridにデータがある場合
93
95
  // Ω(U+003A9) → Ω(U+02126)※機種依存文字　変換
94
96
  let value2 = this.eInput1.value.toString().replace(/Ω/, "\u{02126}");
95
97
  this.eInput1.value = value2;
@@ -97,6 +99,7 @@
97
99
  };
98
100
 
99
101
  SelectUnits.prototype.getValue = () => {
102
+ // datalistで選択した値をΩ(U+003A9)に変換する
100
103
  // Ω(U+02126)※機種依存文字 → Ω(U+003A9)変換
101
104
  if (this.eInput1.value && this.tempUnits) {
102
105
  let value = this.eInput1.value.toString().replace(/Ω/, "\u{003A9}");

19

修正

2021/06/08 23:31

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -37,7 +37,7 @@
37
37
 
38
38
  namespace DomainModel {
39
39
  public enum UnitEnum {
40
- [Display(Name = "mΩ")] // これをΩ(U+03A9)のオームにしていた、機種依存文字のΩ(U+2126)でよかったのかもしれない。
40
+ [Display(Name = "mΩ")] // Ω(U+2126)を使用
41
41
  Mohm = 1
42
42
  }
43
43
  }

18

修正

2021/06/08 23:26

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -99,7 +99,7 @@
99
99
  SelectUnits.prototype.getValue = () => {
100
100
  // Ω(U+02126)※機種依存文字 → Ω(U+003A9)変換
101
101
  if (this.eInput1.value && this.tempUnits) {
102
- let value = this.eInput1.value.toString().replace(/Ω/, "\u{003A9}");
102
+ let value = this.eInput1.value.toString().replace(/Ω/, "\u{003A9}");
103
103
  this.eInput1.value = value;
104
104
  }
105
105
 

17

修正

2021/06/08 23:25

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -99,7 +99,7 @@
99
99
  SelectUnits.prototype.getValue = () => {
100
100
  // Ω(U+02126)※機種依存文字 → Ω(U+003A9)変換
101
101
  if (this.eInput1.value && this.tempUnits) {
102
- let value = this.eInput1.value.toString().replace(/Ω/, "\u｛003A9}");
102
+ let value = this.eInput1.value.toString().replace(/Ω/, "\u{003A9}");
103
103
  this.eInput1.value = value;
104
104
  }
105
105
 

16

修正

2021/06/08 23:23

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -80,7 +80,7 @@
80
80
  let option = document.createElement("option");
81
81
  option["data-value"] = currentValue.id;
82
82
 
83
- // Ω(U+03A9) → Ω(U+02126)※機種依存文字　変換
83
+ // Ω(U+003A9) → Ω(U+02126)※機種依存文字　変換
84
84
  let value = currentValue.text.toString().replace(/Ω/, "\u{02126}");
85
85
  option["value"] = value;
86
86
 
@@ -90,16 +90,16 @@
90
90
  this.eInput1.appendChild(datalist);
91
91
  }
92
92
 
93
- // Ω(U+03A9) → Ω(U+02126)※機種依存文字　変換
93
+ // Ω(U+003A9) → Ω(U+02126)※機種依存文字　変換
94
94
  let value2 = this.eInput1.value.toString().replace(/Ω/, "\u{02126}");
95
95
  this.eInput1.value = value2;
96
96
  }
97
97
  };
98
98
 
99
99
  SelectUnits.prototype.getValue = () => {
100
- // Ω(U+02126)※機種依存文字 → Ω(U+03A9)変換
100
+ // Ω(U+02126)※機種依存文字 → Ω(U+003A9)変換
101
101
  if (this.eInput1.value && this.tempUnits) {
102
- let value = this.eInput1.value.toString().replace(/Ω/, "\u{U+03A9)}");
102
+ let value = this.eInput1.value.toString().replace(/Ω/, "\u｛003A9}");
103
103
  this.eInput1.value = value;
104
104
  }
105
105
 

15

修正

2021/06/08 23:22

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -85,8 +85,6 @@
85
85
  option["value"] = value;
86
86
 
87
87
  datalist.appendChild(option);
88
-
89
- datalist.appendChild(option);
90
88
  });
91
89
 
92
90
  this.eInput1.appendChild(datalist);

14

修正

2021/06/08 23:15

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -80,34 +80,30 @@
80
80
  let option = document.createElement("option");
81
81
  option["data-value"] = currentValue.id;
82
82
 
83
- // C#のEnum値を機種依存文字のΩ(U+2126)にすれば、javascript側で変換処理は不要かもしれない。
83
+ // Ω(U+03A9) → Ω(U+02126)※機種依存文字　変換
84
- if (currentValue.text.toString() === "mΩ") {
84
+ let value = currentValue.text.toString().replace(/Ω/, "\u{02126}");
85
- option["value"] = "m\u{02126}"
85
+ option["value"] = value;
86
- }
87
- /* else if */
88
86
 
89
87
  datalist.appendChild(option);
88
+
89
+ datalist.appendChild(option);
90
90
  });
91
91
 
92
92
  this.eInput1.appendChild(datalist);
93
93
  }
94
94
 
95
- // 同様
95
+ // Ω(U+03A9) → Ω(U+02126)※機種依存文字　変換
96
- if (this.eInput1.value.toString() === "mΩ") {
96
+ let value2 = this.eInput1.value.toString().replace(/Ω/, "\u{02126}");
97
- this.eInput1.value = "m\u{02126}"
97
+ this.eInput1.value = value2;
98
- }
99
- /* else if */
100
98
  }
101
99
  };
102
100
 
103
101
  SelectUnits.prototype.getValue = () => {
104
- // 同様
102
+ // Ω(U+02126)※機種依存文字 → Ω(U+03A9)変換
105
103
  if (this.eInput1.value && this.tempUnits) {
106
- if (this.eInput1.value === "m\u{02126}") {
104
+ let value = this.eInput1.value.toString().replace(/Ω/, "\u{U+03A9)}");
107
- this.eInput1.value = "mΩ";
105
+ this.eInput1.value = value;
108
- }
106
+ }
109
- /* else if */
110
- }
111
107
 
112
108
  return this.eInput1.value;
113
109
  };

13

修正

2021/06/08 23:15

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -28,7 +28,7 @@
28
28
 
29
29
  (追記)
30
30
  この質問で記載しましたのはΩ(U+03A9)のオームのほうです、ᴎのほうになっていると思います。
31
- 機種依存文字の　Ω(U+2126)　を使用するとうまくいきます。
31
+ javascript側で機種依存文字の　Ω(U+2126)　を使用するとうまくいきます。
32
32
  以下は実際に使用しているコードです。
33
33
 
34
34
  ```C#

12

修正

2021/06/08 13:34

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -29,6 +29,7 @@
29
29
  (追記)
30
30
  この質問で記載しましたのはΩ(U+03A9)のオームのほうです、ᴎのほうになっていると思います。
31
31
  機種依存文字の　Ω(U+2126)　を使用するとうまくいきます。
32
+ 以下は実際に使用しているコードです。
32
33
 
33
34
  ```C#
34
35
  // C#ですが、ただのEnum値です。

11

修正

2021/06/08 13:33

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -79,7 +79,7 @@
79
79
  let option = document.createElement("option");
80
80
  option["data-value"] = currentValue.id;
81
81
 
82
- // C#のEnum値を機種依存文字のΩ(U+2126)にすれば、javascript側でこんな処理は不要かもしれない。
82
+ // C#のEnum値を機種依存文字のΩ(U+2126)にすれば、javascript側で変換処理は不要かもしれない。
83
83
  if (currentValue.text.toString() === "mΩ") {
84
84
  option["value"] = "m\u{02126}"
85
85
  }
@@ -91,7 +91,7 @@
91
91
  this.eInput1.appendChild(datalist);
92
92
  }
93
93
 
94
- // Ω → U+02126変換
94
+ // 同様
95
95
  if (this.eInput1.value.toString() === "mΩ") {
96
96
  this.eInput1.value = "m\u{02126}"
97
97
  }
@@ -100,7 +100,7 @@
100
100
  };
101
101
 
102
102
  SelectUnits.prototype.getValue = () => {
103
- // U+02126 → Ω変換
103
+ // 同様
104
104
  if (this.eInput1.value && this.tempUnits) {
105
105
  if (this.eInput1.value === "m\u{02126}") {
106
106
  this.eInput1.value = "mΩ";

10

修正

2021/06/08 13:28

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -43,7 +43,7 @@
43
43
  ```
44
44
 
45
45
  ```javascript
46
- // ag-gridのcomponentで　 input type="text" autocomplateを作成してます。
46
+ // ag-gridのcomponentで　 input type="text" autocomplateとそのdatalistを作成してます。
47
47
  function getSelectUnits() {
48
48
  function SelectUnits() { }
49
49
 

9

修正

2021/06/08 13:27

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -36,7 +36,7 @@
36
36
 
37
37
  namespace DomainModel {
38
38
  public enum UnitEnum {
39
- [Display(Name = "mΩ")] // これをΩ(U+03A9)のほうにしていた、機種依存文字のΩ(U+2126)でよかったのかもしれない。
39
+ [Display(Name = "mΩ")] // これをΩ(U+03A9)のオームにしていた、機種依存文字のΩ(U+2126)でよかったのかもしれない。
40
40
  Mohm = 1
41
41
  }
42
42
  }

8

修正

2021/06/08 13:26

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -24,4 +24,97 @@
24
24
  // datalistに追加するようなことをしている。
25
25
  // this.eInput1.appendChild(datalist);
26
26
  });
27
+ ```
28
+
29
+ (追記)
30
+ この質問で記載しましたのはΩ(U+03A9)のオームのほうです、ᴎのほうになっていると思います。
31
+ 機種依存文字の　Ω(U+2126)　を使用するとうまくいきます。
32
+
33
+ ```C#
34
+ // C#ですが、ただのEnum値です。
35
+ using System.ComponentModel.DataAnnotations;
36
+
37
+ namespace DomainModel {
38
+ public enum UnitEnum {
39
+ [Display(Name = "mΩ")] // これをΩ(U+03A9)のほうにしていた、機種依存文字のΩ(U+2126)でよかったのかもしれない。
40
+ Mohm = 1
41
+ }
42
+ }
43
+ ```
44
+
45
+ ```javascript
46
+ // ag-gridのcomponentで　 input type="text" autocomplateを作成してます。
47
+ function getSelectUnits() {
48
+ function SelectUnits() { }
49
+
50
+ SelectUnits.prototype.init = (params) => {
51
+ this.params = params;
52
+
53
+ this.eInput1 = document.createElement("input");
54
+ this.eInput1.value = params.value;
55
+ this.eInput1.classList.add("ag-input1");
56
+
57
+ this.eInput1.autocomplete = "on";
58
+ this.eInput1.placeholder = "-- 選択 --";
59
+ this.eInput1.setAttribute("list", "selectUnits");
60
+
61
+ this.eInput1.style.width = "100%";
62
+ };
63
+
64
+ SelectUnits.prototype.getGui = () => {
65
+ return this.eInput1;
66
+ };
67
+
68
+ SelectUnits.prototype.afterGuiAttached = () => {
69
+ if ("cellEditorParams" in this.params.colDef) {
70
+ let datalist = document.createElement("datalist");
71
+ datalist.id = "selectUnits";
72
+
73
+ const units = this.params.colDef.cellEditorParams;
74
+ const unit = this.eInput1.value;
75
+ this.tempUnits = getSelectFilterData(units, "key", "value", unit);　// [{ id: 1, text: "Ω" }, { id: 2, text: "Ω" } ]みたいなこと。
76
+
77
+ if (this.tempUnits) {
78
+ this.tempUnits.forEach((currentValue) => {
79
+ let option = document.createElement("option");
80
+ option["data-value"] = currentValue.id;
81
+
82
+ // C#のEnum値を機種依存文字のΩ(U+2126)にすれば、javascript側でこんな処理は不要かもしれない。
83
+ if (currentValue.text.toString() === "mΩ") {
84
+ option["value"] = "m\u{02126}"
85
+ }
86
+ /* else if */
87
+
88
+ datalist.appendChild(option);
89
+ });
90
+
91
+ this.eInput1.appendChild(datalist);
92
+ }
93
+
94
+ // Ω → U+02126変換
95
+ if (this.eInput1.value.toString() === "mΩ") {
96
+ this.eInput1.value = "m\u{02126}"
97
+ }
98
+ /* else if */
99
+ }
100
+ };
101
+
102
+ SelectUnits.prototype.getValue = () => {
103
+ // U+02126 → Ω変換
104
+ if (this.eInput1.value && this.tempUnits) {
105
+ if (this.eInput1.value === "m\u{02126}") {
106
+ this.eInput1.value = "mΩ";
107
+ }
108
+ /* else if */
109
+ }
110
+
111
+ return this.eInput1.value;
112
+ };
113
+
114
+ SelectUnits.prototype.destory = () => {
115
+ // console.log("destory");
116
+ };
117
+
118
+ return SelectUnits;
119
+ }
27
120
  ```

7

修正

2021/06/08 13:21

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,7 +1,7 @@
1
1
  input textのdatalistで特殊文字　mΩ(ΩのuncodeはU+02126)を表示したいですが、うまくいかなくて困っています。
2
2
 
3
3
  表示はGrid上ですが、ただのinput textのautocomplateのdatalistです。
4
- ![イメージ説明](b129ebe769c7d484392017daa62519c2.png)
4
+ ![イメージ説明](665c9f43b435e0f9d36b8db7b057ffeb.png)
5
5
 
6
6
  htmlコード&#8486を使用した場合は、ω(オメガ)となりました。
7
7
 

6

修正

2021/06/08 01:32

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,5 +1,8 @@
1
1
  input textのdatalistで特殊文字　mΩ(ΩのuncodeはU+02126)を表示したいですが、うまくいかなくて困っています。
2
2
 
3
+ 表示はGrid上ですが、ただのinput textのautocomplateのdatalistです。
4
+ ![イメージ説明](b129ebe769c7d484392017daa62519c2.png)
5
+
3
6
  htmlコード&#8486を使用した場合は、ω(オメガ)となりました。
4
7
 
5
8
  Google Chromeを利用しています。

5

修正

2021/06/08 01:30

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,5 +1,7 @@
1
1
  input textのdatalistで特殊文字　mΩ(ΩのuncodeはU+02126)を表示したいですが、うまくいかなくて困っています。
2
2
 
3
+ htmlコード&#8486を使用した場合は、ω(オメガ)となりました。
4
+
3
5
  Google Chromeを利用しています。
4
6
 
5
7
  どなたかご教授お願いします。

4

修正

2021/06/08 01:23

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -1,4 +1,7 @@
1
1
  input textのdatalistで特殊文字　mΩ(ΩのuncodeはU+02126)を表示したいですが、うまくいかなくて困っています。
2
+
3
+ Google Chromeを利用しています。
4
+
2
5
  どなたかご教授お願いします。
3
6
 
4
7
  ```javascript

3

修正

2021/06/08 01:20

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  ```javascript
5
5
  let datalist = document.createElement("datalist");
6
- const tempUnits = [{id: 1, text: "mΩ"]};
6
+ const tempUnits = [{id: 1, text: "mΩ"}];
7
7
 
8
8
  tempUnits.forEach((currentValue) => {
9
9
  let option = document.createElement("option");

2

修正

2021/06/08 01:05

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -3,13 +3,16 @@
3
3
 
4
4
  ```javascript
5
5
  let datalist = document.createElement("datalist");
6
- const tempUnits = {1: "Ω"};
6
+ const tempUnits = [{id: 1, text: "mΩ"]};
7
7
 
8
8
  tempUnits.forEach((currentValue) => {
9
9
  let option = document.createElement("option");
10
10
  option["data-value"] = currentValue.id;
11
+
12
+ if (currentValue.text === "mΩ") {
11
- option["value"] = "mΩ"; // m&#x(U+02126)だとそのまま表示されてしまった。
13
+ option["value"] = "m&#x(U+02126)"; // m&#x(U+02126)だとそのまま表示されてしまった。
12
-
14
+ }
15
+
13
16
  // datalistに追加するようなことをしている。
14
17
  // this.eInput1.appendChild(datalist);
15
18
  });

1

修正

2021/06/08 01:05

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -3,9 +3,9 @@
3
3
 
4
4
  ```javascript
5
5
  let datalist = document.createElement("datalist");
6
- this.tempUnits = {1: "Ω"};
6
+ const tempUnits = {1: "Ω"};
7
7
 
8
- this.tempUnits.forEach((currentValue) => {
8
+ tempUnits.forEach((currentValue) => {
9
9
  let option = document.createElement("option");
10
10
  option["data-value"] = currentValue.id;
11
11
  option["value"] = "mΩ"; // m&#x(U+02126)だとそのまま表示されてしまった。