質問編集履歴

6 編集

maonmyo

maonmyo score 34

2016/11/10 16:26  投稿

///////////////
HandsOnTable
/////////////////////////////////////////////////////////////////////////
データベースから検索して取得したデータを
HandsOnTableに表示させたいのですが、どこに、どのように記述すればよいのでしょうか?
```Ruby
[HTML.erb]
# とりあえず表示するだけ
<% @user_list.each do |user_list| %>
   <%= m_user_list.id %>
   <%= m_user_list.pass %>
   <%= m_user_list.name %>
 <% end %>
```
```JavaScript
<script>
var grid = document.getElementById('human_grid')
var columns = [
  {title: 'ID', type: 'numeric', format: '0', validator: /^\d\d?(\.\d)?$/, allowInvalid: false, readOnly: false},
  {title: 'パスワード', type: 'text',  readOnly: true}
  {title: '名',      type: 'text',  readOnly: true},
]
var table = new Handsontable(grid,{
  startCols: columns.length,
  startRows: 12,
  columns:columns,
  columnSorting: {
    column: 0,
    sortColumn: true,
  },
  rowHeaders: true,
  height: 360,
});
var timer = false;
$(window).resize(function () {
  if (timer !== false) {
    clearTimeout(timer);
  }
  timer = setTimeout(function () {
    table.render();
  }, 100);
});
$('#txtKeywd').autocomplete({
  source: ['JB7626', 'JC7534', 'JA7474', 'JB7420', 'JC7584', 'JA7656', 'JB7590', 'JB7680', 'JA7182', 'JC7102'],
  minLength: 0
});
</script>
```
JavaScriptのコードは自分が書いたものではありません。
JavaScriptに触ったこともありません。。。
現在はこのように表示されています。
![イメージ説明](b3d3b06599ccdeb21669c760c87ea633.png)
Handsontableについて、自分でも結構調べてはみたのですが、力及ばず、よくわかりませんでした。
どなたか、よろしくお願いします。
  • JavaScript

    24990 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Ruby on Rails 4

    2608 questions

    Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

5 ///

maonmyo

maonmyo score 34

2016/11/10 16:03  投稿

HandsOnTable
///////////////
HandsOnTableに関する質問です。
調べても解らなかったのでアドバイスください。
やりたいことは3つ。
1.表示されるID番号にリンクを貼って、クリックで画面遷移出来るようにしたい。
リンクには、表示されるID番号をクエリパラメータとして付けたい(user/edit?id=●●)
2.表示されるデータの色(文字の色)を変えたい。
3.DBに数値で格納されているデータを、表示する時に対応する文字列に変換したい。
(0 => "北海道"、1 => "青森"、・・・47 => "沖縄")
```javascript
var Columns = [
{data: 'id',    title: 'ID番号,   type: 'numeric', format: '0', },
{data: 'address',title: '都道府県', type: 'text', },
{data: 'name',  title: '名前',    type: 'text', }
]
 
var Table = new Handsontable(Grid, {
   startCols: Columns.length,
   startRows: 0,
   columns: Columns,
   columnSorting: {
     column: 0,
     sortColumn: true,
   },
   data: data,
   rowHeaders: true,
   height: 360,
   colWidths: 80
 });
```
コードは大体こんな感じになっています。
data:やtitle:のように、link:のようなものがあるのでしょうか?それとも他に方法が?
文字の色を変えるくらい簡単だと思っていましたが、出来ませんでした。
styleシートを使うとしたらどこに書き込めば良いのでしょうか?
JavaでいうBeansのような機能は、Ruby(Rails)のmodelに作ることが出来るのでしょうか?
色々試してはみたのですがうまくいかなかったので、よろしくお願いします。
/////////////////////////////////////////////////////////////////////////
  • JavaScript

    24990 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Ruby on Rails 4

    2608 questions

    Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

4 質問の追加

maonmyo

maonmyo score 34

2016/11/10 16:01  投稿

HandsOnTable
データベースから検索して取得したデータを
HandsOnTableに表示させたいのですが、どこに、どのように記述すればよいのでしょうか?
HandsOnTableに関する質問です。
調べても解らなかったのでアドバイスください。
やりたいことは3つ。
1.表示されるID番号にリンクを貼って、クリックで画面遷移出来るようにしたい。
リンクには、表示されるID番号をクエリパラメータとして付けたい(user/edit?id=●●)
2.表示されるデータの色(文字の色)を変えたい。
3.DBに数値で格納されているデータを、表示する時に対応する文字列に変換したい。
(0 => "北海道"、1 => "青森"、・・・47 => "沖縄")
```HTML.erb
```javascript
# とりあえず表示するだけ
<% @user_list.each do |user_list| %>
    <%= m_user_list.id %>
    <%= m_user_list.pass %>
    <%= m_user_list.name %>
  <% end %>
var Columns = [
{data: 'id',    title: 'ID番号,   type: 'numeric', format: '0', },
{data: 'address',title: '都道府県', type: 'text', },
{data: 'name',  title: '名前',    type: 'text', }
]
 
```
```JavaScript
<script>
 var grid = document.getElementById('human_grid')
 var columns = [
   {title: 'ID', type: 'numeric', format: '0', validator: /^\d\d?(\.\d)?$/, allowInvalid: false, readOnly: false},
   {title: 'パスワード', type: 'text',   readOnly: true}
   {title: '名',       type: 'text',   readOnly: true},
]
 var table = new Handsontable(grid,{
   startCols: columns.length,
   startRows: 12,
   columns:columns,
var Table = new Handsontable(Grid, {
   startCols: Columns.length,
   startRows: 0,
   columns: Columns,
   columnSorting: {
     column: 0,
     sortColumn: true,
   },
   data: data,  
   rowHeaders: true,
   height: 360,
   colWidths: 80  
 });
 var timer = false;
 $(window).resize(function () {
   if (timer !== false) {
     clearTimeout(timer);
   }
   timer = setTimeout(function () {
     table.render();
   }, 100);
 });
```
コードは大体こんな感じになっています。
 $('#txtKeywd').autocomplete({
   source: ['JB7626', 'JC7534', 'JA7474', 'JB7420', 'JC7584', 'JA7656', 'JB7590', 'JB7680', 'JA7182', 'JC7102'],
   minLength: 0
 });
data:やtitle:のように、link:のようなものがあるのでしょうか?それとも他に方法が?
</script>
```
文字の色を変えるくらい簡単だと思っていましたが、出来ませんでした。
styleシートを使うとしたらどこに書き込めば良いのでしょうか?
JavaScriptのコードは自分が書いたものではありません。
JavaScriptに触ったこともありません。。。
JavaでいうBeansのような機能は、Ruby(Rails)のmodelに作ることが出来るのでしょうか?
現在はこのように表示されています。
![イメージ説明](b3d3b06599ccdeb21669c760c87ea633.png)
Handsontableについて、自分でも結構調べてはみたのですが、力及ばず、よくわかりませんでした。
どなたか、よろしくお願いします。
色々試してはみたのですがうまくいかなかったので、よろしくお願いします。
  • JavaScript

    24990 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Ruby on Rails 4

    2608 questions

    Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

3 編集

maonmyo

maonmyo score 34

2016/10/24 17:00  投稿

HandsOnTable
データベースから検索して取得したデータを
HandsOnTableに表示させたいのですが、どこに、どのように記述すればよいのでしょうか?
```Ruby
```HTML.erb
@user_list.each do |user_list|
     @id = m_user_list.id
     @pass = m_user_list.pass
     @last = m_user_list.name
   end
# とりあえず表示するだけ
<% @user_list.each do |user_list| %>
    <%= m_user_list.id %>
    <%= m_user_list.pass %>
    <%= m_user_list.name %>
  <% end %>
```
```JavaScript
<script>
 var grid = document.getElementById('human_grid')
 var columns = [
   {title: 'ID', type: 'numeric', format: '0', validator: /^\d\d?(\.\d)?$/, allowInvalid: false, readOnly: false},
   {title: 'パスワード', type: 'text',   readOnly: true}
   {title: '名',       type: 'text',   readOnly: true},
]
 var table = new Handsontable(grid,{
   startCols: columns.length,
   startRows: 12,
   columns:columns,
   columnSorting: {
     column: 0,
     sortColumn: true,
   },
   rowHeaders: true,
   height: 360,
 });
 var timer = false;
 $(window).resize(function () {
   if (timer !== false) {
     clearTimeout(timer);
   }
   timer = setTimeout(function () {
     table.render();
   }, 100);
 });
 $('#txtKeywd').autocomplete({
   source: ['JB7626', 'JC7534', 'JA7474', 'JB7420', 'JC7584', 'JA7656', 'JB7590', 'JB7680', 'JA7182', 'JC7102'],
   minLength: 0
 });
</script>
```
JavaScriptのコードは自分が書いたものではありません。
JavaScriptに触ったこともありません。。。
現在はこのように表示されています。
![イメージ説明](b3d3b06599ccdeb21669c760c87ea633.png)
Handsontableについて、自分でも結構調べてはみたのですが、力及ばず、よくわかりませんでした。
どなたか、よろしくお願いします。
  • JavaScript

    24990 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Ruby on Rails 4

    2608 questions

    Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

2 追記

maonmyo

maonmyo score 34

2016/10/24 16:37  投稿

HandsOnTable
データベースから検索して取得したデータを
HandsOnTableに表示させたいのですが、どこに、どのように記述すればよいのでしょうか?
```Ruby
@user_list.each do |user_list|
     @id = m_user_list.id
     @pass = m_user_list.pass
     @last = m_user_list.name
   end
```
```JavaScript
<script>
 var grid = document.getElementById('human_grid')
 var columns = [
   {title: 'ID', type: 'numeric', format: '0', validator: /^\d\d?(\.\d)?$/, allowInvalid: false, readOnly: false},
   {title: 'パスワード', type: 'text',   readOnly: true}
   {title: '名',       type: 'text',   readOnly: true},
]
 var table = new Handsontable(grid,{
   startCols: columns.length,
   startRows: 12,
   columns:columns,
   columnSorting: {
     column: 0,
     sortColumn: true,
   },
   rowHeaders: true,
   height: 360,
 });
 var timer = false;
 $(window).resize(function () {
   if (timer !== false) {
     clearTimeout(timer);
   }
   timer = setTimeout(function () {
     table.render();
   }, 100);
 });
 $('#txtKeywd').autocomplete({
   source: ['JB7626', 'JC7534', 'JA7474', 'JB7420', 'JC7584', 'JA7656', 'JB7590', 'JB7680', 'JA7182', 'JC7102'],
   minLength: 0
 });
</script>
```
現在このように表示されています。
JavaScriptのコードは自分が書いたものではありません。
JavaScriptに触ったこともありません。。。
現在はこのように表示されています。
![イメージ説明](b3d3b06599ccdeb21669c760c87ea633.png)
Handsontableについて、自分でも結構調べてはみたのですが、よくわかりませんでした。  
よろしくお願いします。
Handsontableについて、自分でも結構調べてはみたのですが、力及ばず、よくわかりませんでした。
どなたか、よろしくお願いします。
  • JavaScript

    24990 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Ruby on Rails 4

    2608 questions

    Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

1 追記

maonmyo

maonmyo score 34

2016/10/24 16:21  投稿

HandsOnTable
データベースから検索して取得したデータを
HandsOnTableに表示させたいのですが、どこに、どのように記述すればよいのでしょうか?
```Ruby
@user_list.each do |user_list|
     @id = m_user_list.id
     @pass = m_user_list.pass
     @last = m_user_list.name
   end
```
```JavaScript
<script>
 var grid = document.getElementById('human_grid')
 var columns = [
   {title: 'ID', type: 'numeric', format: '0', validator: /^\d\d?(\.\d)?$/, allowInvalid: false, readOnly: false},
   {title: 'パスワード', type: 'text',   readOnly: true}
   {title: '名',       type: 'text',   readOnly: true},
]
 var table = new Handsontable(grid,{
   startCols: columns.length,
   startRows: 12,
   columns:columns,
   columnSorting: {
     column: 0,
     sortColumn: true,
   },
   rowHeaders: true,
   height: 360,
 });
 var timer = false;
 $(window).resize(function () {
   if (timer !== false) {
     clearTimeout(timer);
   }
   timer = setTimeout(function () {
     table.render();
   }, 100);
 });
 $('#txtKeywd').autocomplete({
   source: ['JB7626', 'JC7534', 'JA7474', 'JB7420', 'JC7584', 'JA7656', 'JB7590', 'JB7680', 'JA7182', 'JC7102'],
   minLength: 0
 });
</script>
```
現在このように表示されています。
![イメージ説明](b3d3b06599ccdeb21669c760c87ea633.png)
JavaScriptの後半はほとんど理解できていません。
Handsontableについて、自分でも結構調べてはみたのですが、よくわかりませんでした。
よろしくお願いします。
  • Ruby on Rails 4

    2608 questions

    Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

  • JavaScript

    24990 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る