質問編集履歴
6
編集
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
HandsOnTable
|
test
CHANGED
|
@@ -1 +1,103 @@
|
|
|
1
|
+
データベースから検索して取得したデータを
|
|
2
|
+
|
|
3
|
+
HandsOnTableに表示させたいのですが、どこに、どのように記述すればよいのでしょうか？
|
|
4
|
+
|
|
5
|
+
```Ruby
|
|
6
|
+
|
|
7
|
+
[HTML.erb]
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
# とりあえず表示するだけ
|
|
12
|
+
|
|
13
|
+
<% @user_list.each do |user_list| %>
|
|
14
|
+
|
|
15
|
+
<%= m_user_list.id %>
|
|
16
|
+
|
|
17
|
+
<%= m_user_list.pass %>
|
|
18
|
+
|
|
19
|
+
<%= m_user_list.name %>
|
|
20
|
+
|
|
21
|
+
<% end %>
|
|
22
|
+
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
```JavaScript
|
|
26
|
+
|
|
27
|
+
<script>
|
|
28
|
+
|
|
29
|
+
var grid = document.getElementById('human_grid')
|
|
30
|
+
|
|
31
|
+
var columns = [
|
|
32
|
+
|
|
33
|
+
{title: 'ID', type: 'numeric', format: '0', validator: /^\d\d?(\.\d)?$/, allowInvalid: false, readOnly: false},
|
|
34
|
+
|
|
35
|
+
{title: 'パスワード', type: 'text', readOnly: true}
|
|
36
|
+
|
|
37
|
+
{title: '名', type: 'text', readOnly: true},
|
|
38
|
+
|
|
39
|
+
]
|
|
40
|
+
|
|
41
|
+
var table = new Handsontable(grid,{
|
|
42
|
+
|
|
43
|
+
startCols: columns.length,
|
|
44
|
+
|
|
45
|
+
startRows: 12,
|
|
46
|
+
|
|
47
|
+
columns:columns,
|
|
48
|
+
|
|
49
|
+
columnSorting: {
|
|
50
|
+
|
|
51
|
+
column: 0,
|
|
52
|
+
|
|
53
|
+
sortColumn: true,
|
|
54
|
+
|
|
55
|
+
},
|
|
56
|
+
|
|
57
|
+
rowHeaders: true,
|
|
58
|
+
|
|
59
|
+
height: 360,
|
|
60
|
+
|
|
61
|
+
});
|
|
62
|
+
|
|
63
|
+
var timer = false;
|
|
64
|
+
|
|
65
|
+
$(window).resize(function () {
|
|
66
|
+
|
|
67
|
+
if (timer !== false) {
|
|
68
|
+
|
|
69
|
+
clearTimeout(timer);
|
|
70
|
+
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
timer = setTimeout(function () {
|
|
74
|
+
|
|
75
|
+
table.render();
|
|
76
|
+
|
|
77
|
+
}, 100);
|
|
78
|
+
|
|
79
|
+
});
|
|
80
|
+
|
|
81
|
+
$('#txtKeywd').autocomplete({
|
|
82
|
+
|
|
1
|
-
|
|
83
|
+
source: ['JB7626', 'JC7534', 'JA7474', 'JB7420', 'JC7584', 'JA7656', 'JB7590', 'JB7680', 'JA7182', 'JC7102'],
|
|
84
|
+
|
|
85
|
+
minLength: 0
|
|
86
|
+
|
|
87
|
+
});
|
|
88
|
+
|
|
89
|
+
</script>
|
|
90
|
+
|
|
91
|
+
```
|
|
92
|
+
|
|
93
|
+
JavaScriptのコードは自分が書いたものではありません。
|
|
94
|
+
|
|
95
|
+
JavaScriptに触ったこともありません。。。
|
|
96
|
+
|
|
97
|
+
現在はこのように表示されています。
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
Handsontableについて、自分でも結構調べてはみたのですが、力及ばず、よくわかりませんでした。
|
|
102
|
+
|
|
103
|
+
どなたか、よろしくお願いします。
|
5
///
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
///////////////
|
test
CHANGED
|
@@ -1,97 +1 @@
|
|
|
1
|
-
HandsOnTableに関する質問です。
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
調べても解らなかったのでアドバイスください。
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
やりたいことは３つ。
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
1.表示されるＩＤ番号にリンクを貼って、クリックで画面遷移出来るようにしたい。
|
|
14
|
-
|
|
15
|
-
リンクには、表示されるＩＤ番号をクエリパラメータとして付けたい(user/edit?id=●●)
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
2.表示されるデータの色(文字の色)を変えたい。
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
3.ＤＢに数値で格納されているデータを、表示する時に対応する文字列に変換したい。
|
|
24
|
-
|
|
25
|
-
(0 => "北海道"、1 => "青森"、・・・47 => "沖縄")
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
```javascript
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
var Columns = [
|
|
36
|
-
|
|
37
|
-
|
|
1
|
+
/////////////////////////////////////////////////////////////////////////
|
|
38
|
-
|
|
39
|
-
{data: 'address',title: '都道府県', type: 'text', },
|
|
40
|
-
|
|
41
|
-
{data: 'name', title: '名前', type: 'text', }
|
|
42
|
-
|
|
43
|
-
]
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
var Table = new Handsontable(Grid, {
|
|
50
|
-
|
|
51
|
-
startCols: Columns.length,
|
|
52
|
-
|
|
53
|
-
startRows: 0,
|
|
54
|
-
|
|
55
|
-
columns: Columns,
|
|
56
|
-
|
|
57
|
-
columnSorting: {
|
|
58
|
-
|
|
59
|
-
column: 0,
|
|
60
|
-
|
|
61
|
-
sortColumn: true,
|
|
62
|
-
|
|
63
|
-
},
|
|
64
|
-
|
|
65
|
-
data: data,
|
|
66
|
-
|
|
67
|
-
rowHeaders: true,
|
|
68
|
-
|
|
69
|
-
height: 360,
|
|
70
|
-
|
|
71
|
-
colWidths: 80
|
|
72
|
-
|
|
73
|
-
});
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
```
|
|
78
|
-
|
|
79
|
-
コードは大体こんな感じになっています。
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
data:やtitle:のように、link:のようなものがあるのでしょうか？それとも他に方法が？
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
文字の色を変えるくらい簡単だと思っていましたが、出来ませんでした。
|
|
88
|
-
|
|
89
|
-
styleシートを使うとしたらどこに書き込めば良いのでしょうか？
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
JavaでいうBeansのような機能は、Ruby(Rails)のmodelに作ることが出来るのでしょうか？
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
色々試してはみたのですがうまくいかなかったので、よろしくお願いします。
|
4
質問の追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,64 +1,58 @@
|
|
|
1
|
-
|
|
1
|
+
HandsOnTableに関する質問です。
|
|
2
2
|
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
調べても解らなかったのでアドバイスください。
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
やりたいことは３つ。
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
1.表示されるＩＤ番号にリンクを貼って、クリックで画面遷移出来るようにしたい。
|
|
14
|
+
|
|
15
|
+
リンクには、表示されるＩＤ番号をクエリパラメータとして付けたい(user/edit?id=●●)
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
2.表示されるデータの色(文字の色)を変えたい。
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
3
|
-
|
|
23
|
+
3.ＤＢに数値で格納されているデータを、表示する時に対応する文字列に変換したい。
|
|
24
|
+
|
|
25
|
+
(0 => "北海道"、1 => "青森"、・・・47 => "沖縄")
|
|
4
26
|
|
|
5
27
|
|
|
6
28
|
|
|
7
29
|
|
|
8
30
|
|
|
9
|
-
```
|
|
31
|
+
```javascript
|
|
10
32
|
|
|
11
33
|
|
|
12
34
|
|
|
13
|
-
|
|
35
|
+
var Columns = [
|
|
14
36
|
|
|
15
|
-
|
|
37
|
+
{data: 'id', title: 'ID番号, type: 'numeric', format: '0', },
|
|
16
38
|
|
|
17
|
-
|
|
39
|
+
{data: 'address',title: '都道府県', type: 'text', },
|
|
18
40
|
|
|
19
|
-
|
|
41
|
+
{data: 'name', title: '名前', type: 'text', }
|
|
20
42
|
|
|
21
|
-
|
|
43
|
+
]
|
|
22
44
|
|
|
23
|
-
|
|
45
|
+
|
|
24
46
|
|
|
25
47
|
|
|
26
48
|
|
|
27
|
-
|
|
49
|
+
var Table = new Handsontable(Grid, {
|
|
28
50
|
|
|
51
|
+
startCols: Columns.length,
|
|
29
52
|
|
|
53
|
+
startRows: 0,
|
|
30
54
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
```JavaScript
|
|
34
|
-
|
|
35
|
-
<script>
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
var grid = document.getElementById('human_grid')
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
var columns = [
|
|
44
|
-
|
|
45
|
-
{title: 'ID', type: 'numeric', format: '0', validator: /^\d\d?(\.\d)?$/, allowInvalid: false, readOnly: false},
|
|
46
|
-
|
|
47
|
-
{title: 'パスワード', type: 'text', readOnly: true}
|
|
48
|
-
|
|
49
|
-
{title: '名', type: 'text', readOnly: true},
|
|
50
|
-
|
|
51
|
-
]
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
var table = new Handsontable(grid,{
|
|
56
|
-
|
|
57
|
-
startCols: columns.length,
|
|
58
|
-
|
|
59
|
-
startRows: 12,
|
|
60
|
-
|
|
61
|
-
columns:
|
|
55
|
+
columns: Columns,
|
|
62
56
|
|
|
63
57
|
columnSorting: {
|
|
64
58
|
|
|
@@ -68,70 +62,36 @@
|
|
|
68
62
|
|
|
69
63
|
},
|
|
70
64
|
|
|
65
|
+
data: data,
|
|
66
|
+
|
|
71
67
|
rowHeaders: true,
|
|
72
68
|
|
|
73
69
|
height: 360,
|
|
70
|
+
|
|
71
|
+
colWidths: 80
|
|
74
72
|
|
|
75
73
|
});
|
|
76
74
|
|
|
77
75
|
|
|
78
76
|
|
|
79
|
-
|
|
77
|
+
```
|
|
80
78
|
|
|
81
|
-
$(window).resize(function () {
|
|
82
|
-
|
|
83
|
-
if (timer !== false) {
|
|
84
|
-
|
|
85
|
-
|
|
79
|
+
コードは大体こんな感じになっています。
|
|
86
|
-
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
timer = setTimeout(function () {
|
|
90
|
-
|
|
91
|
-
table.render();
|
|
92
|
-
|
|
93
|
-
}, 100);
|
|
94
|
-
|
|
95
|
-
});
|
|
96
80
|
|
|
97
81
|
|
|
98
82
|
|
|
99
|
-
|
|
83
|
+
data:やtitle:のように、link:のようなものがあるのでしょうか？それとも他に方法が？
|
|
100
|
-
|
|
101
|
-
source: ['JB7626', 'JC7534', 'JA7474', 'JB7420', 'JC7584', 'JA7656', 'JB7590', 'JB7680', 'JA7182', 'JC7102'],
|
|
102
|
-
|
|
103
|
-
minLength: 0
|
|
104
|
-
|
|
105
|
-
});
|
|
106
84
|
|
|
107
85
|
|
|
108
86
|
|
|
109
|
-
|
|
87
|
+
文字の色を変えるくらい簡単だと思っていましたが、出来ませんでした。
|
|
110
88
|
|
|
111
|
-
|
|
89
|
+
styleシートを使うとしたらどこに書き込めば良いのでしょうか？
|
|
112
90
|
|
|
113
91
|
|
|
114
92
|
|
|
115
|
-
Java
|
|
93
|
+
JavaでいうBeansのような機能は、Ruby(Rails)のmodelに作ることが出来るのでしょうか？
|
|
116
|
-
|
|
117
|
-
JavaScriptに触ったこともありません。。。
|
|
118
94
|
|
|
119
95
|
|
|
120
96
|
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
現在はこのように表示されています。
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
Handsontableについて、自分でも結構調べてはみたのですが、力及ばず、よくわかりませんでした。
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
97
|
+
色々試してはみたのですがうまくいかなかったので、よろしくお願いします。
|
3
編集
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -6,19 +6,21 @@
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
```
|
|
9
|
+
```HTML.erb
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
|
|
13
|
+
# とりあえず表示するだけ
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
<% @user_list.each do |user_list| %>
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
<%= m_user_list.id %>
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
<%= m_user_list.pass %>
|
|
20
20
|
|
|
21
|
+
<%= m_user_list.name %>
|
|
22
|
+
|
|
21
|
-
end
|
|
23
|
+
<% end %>
|
|
22
24
|
|
|
23
25
|
|
|
24
26
|
|
2
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -110,7 +110,15 @@
|
|
|
110
110
|
|
|
111
111
|
|
|
112
112
|
|
|
113
|
+
JavaScriptのコードは自分が書いたものではありません。
|
|
114
|
+
|
|
115
|
+
JavaScriptに触ったこともありません。。。
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
|
|
113
|
-
現在このように表示されています。
|
|
121
|
+
現在はこのように表示されています。
|
|
114
122
|
|
|
115
123
|
|
|
116
124
|
|
|
@@ -118,8 +126,10 @@
|
|
|
118
126
|
|
|
119
127
|
|
|
120
128
|
|
|
129
|
+
|
|
130
|
+
|
|
121
|
-
Handsontableについて、自分でも結構調べてはみたのですが、よくわかりませんでした。
|
|
131
|
+
Handsontableについて、自分でも結構調べてはみたのですが、力及ばず、よくわかりませんでした。
|
|
122
132
|
|
|
123
133
|
|
|
124
134
|
|
|
125
|
-
よろしくお願いします。
|
|
135
|
+
どなたか、よろしくお願いします。
|
1
追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -116,7 +116,9 @@
|
|
|
116
116
|
|
|
117
117
|
|
|
118
118
|
|
|
119
|
+
|
|
120
|
+
|
|
119
|
-
|
|
121
|
+
Handsontableについて、自分でも結構調べてはみたのですが、よくわかりませんでした。
|
|
120
122
|
|
|
121
123
|
|
|
122
124
|
|