メモ代わり。てきとーに。 いや、ですからてきとーですって。 2年前ぐらいにPythonあたりでメールくれた方、ごめんなさい。メール紛失してしまい無視した形になってしまいました。。。

2009年7月31日金曜日

[Apache Shindig][お勉強][OpenSocial] メモ110 viewsフィーチャーって何よ?

ガジェットにviewを切り替える機能を追加できるらしい。

ふーん。

ということで、やってみる。


<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="viewsフィーチャー" >
<Require feature="views" />
</ModulePrefs>
<Content type="html">
<![CDATA[
サポートされているビュー:<div id="supported_view"></div>
現在のビュー:<div id="current_view"></div>
<script type="text/javascript">
var views = gadgets.views.getSupportedViews();
var ul = document.createElement('ul');
for (var xx in views) {
var li = document.createElement('li');
var a = document.createElement('a');
a.href = 'javascript:void(0);';
a.innerHTML = '名前:' + xx + '<br />'
+ 'タイプ:' + views[xx].getName() + '<br /><hr />';
function setView(a, view) {
a.onclick = function(){gadgets.views.requestNavigateTo(view);};
}
setView(a, views[xx]);
li.appendChild(a);
ul.appendChild(li);
}

document.getElementById('supported_view').appendChild(ul);

var current = gadgets.views.getCurrentView();
document.getElementById('current_view').innerHTML = current.getName();
</script>
<br />
]]>
</Content>
</Module>


な感じ。

クリックすると、VIEWが切り替わる。
ShindigデフォルトのviewのurlTemplateとか使わずに、
jQuery使ってガジェットのフレームの大きさと位置を調整した。

とてもいい感じ。
.

0 コメント: