###前提・実現したいこと
https://github.com/ateliee/jquery.schedule
このプラグインを利用してプログラムを作成したいと考えています。
サンプルのコードでは、timeScheduleとというプラグインに対して、
下記のような形でイニシャルのデータを送信しています。
jQuery(document).ready(function(){ var $sc = jQuery("#schedule").timeSchedule({ startTime: "07:00", // schedule start time(HH:ii) endTime: "21:00", // schedule end time(HH:ii) widthTime:60 * 10, // cell timestamp example 10 minutes timeLineY:60, // height(px) verticalScrollbar:20, // scrollbar (px) timeLineBorder:2, // border(top and bottom) debug:"#debug", // debug string output elements rows : { '1' : { title : 'Title Area', schedule:[ { start:'09:00', end:'12:00', text:'Text Area', data:{ } }, { start:'11:00', end:'14:00', text:'Text Area', data:{ } } ] }, '2' : { title : 'Title Area', schedule:[ { start:'16:00', end:'17:00', text:'Text Area', data:{ } } ] } }, 以下省略
ここで、実際にここに送信するパラメータを、Jsonから取得したデータからループを回して渡したいと考えています。
初心者でよく理解できていないのですが、例えば、下記のようなJsonから、どのようにrowsに当てはめてパラメータを渡すことができるのでしょうか。
実際に、user_name の部分を titleにあてはめ、class_items をscheduleに当てはめたいと考えています。わからない点は、単純にあてはめるのではなく、ループの形で渡すにはどのようにすれば良いか、がわかりません。
var json_items = [ { "user_id": "1" , "user_name": "太郎", "class_items" :[ { "start":"09:00", "end":"10:00", "name" :"理科", "class_room": "4B" }, { "start":"10:00", "end":"11:00", "name" :"英語", "class_room": "EnglishClass" } ] },{ "user_id": "2", "user_name":"二郎", "class_items" :[ { "start":"10:00", "end":"11:00", "name" :"英語", "class_room": "EnglishClass" } ] } ];
上記のデータを適切にrowsに当てはめて、送信したいです。
###サンプルデータのrows
rows : { '1' : { title : "test", schedule:[ { start:'16:00', end:'17:00', text:'Text Area', data:{ } }] }, '2' : { title : "test", schedule:[ { start:'16:00', end:'17:00', text:'Text Area', data:{ } }, { start:'09:00', end:'11:00', text:'Text Area', data:{ } } ] }
宜しくお願いいたします。
###補足情報(言語/FW/ツール等のバージョンなど)
jQuery3
https://github.com/ateliee/jquery.schedule
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/10/03 06:32
2017/10/03 06:35