View Customize Pluginを使ってホームに活動を表示してみました。
ホームには何も情報がないので、プロジェクト＞活動からHTMLを取得して表示します。
流れとしては
ホームを表示
＞ ajaxで活動ページを取得
＞ 取得した活動ページの必要なHTMLをホームに表示
これを実装していきます。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
// Path pattern: /$ $(function() { $.ajax('/activity', { timeout : 30000, // 1000 ms cache : false, datatype:'html' }).then(function(data){ var out_html = $($.parseHTML(data)); $('.splitcontentleft').append('<div id="activity"></div>'); $('#activity').append('<h2>活動</h2>'); $('#activity').append('<h3>'+out_html[4].getElementsByTagName('h3')[0].innerHTML+'</h3>'); $('#activity').append('<dl>'+out_html[4].getElementsByTagName('dl')[0].innerHTML+'</dl><br>'); },function(jqXHR, textStatus) { if(textStatus!=="success") { var txt = "<p>textStatus:"+ textStatus + "</p>" + "<p>status:"+ jqXHR.status + "</p>" + "<p>responseText : </p><div>" + jqXHR.responseText + "</div>"; $('#page').html(txt); $('#page2').html(txt); } }); }); |
これでホームに活動が表示されるようになります。
View Customize Plugin を使うことで簡単に色々な情報を表示することができそうですね。
イメージ
