Dojo Toolkit を使用してモバイル・アプリケーションを開発しています。以下のウィジェットを作りたいです。
<div data-dojo-type="dojox.mobile.ListItem" data-dojoprops="moveTo:'breakdown'">
<div>Maximum: Some value</div>
</div>
次のようにウィジェットを使用できるようにしたい:
<div data-dojo-type="dojox.mobile.RoundRectList">
<div data-dojo-type="MyWidget" data-dojo-props="maximum:'1200'"></div>
</div>
そして、これが私がこれまでにしたことです:
require(
[ "dojo/_base/declare", "dojo/parser", "dojo/ready",
"dojox/mobile/ListItem", "dijit/_WidgetBase",
"dijit/_TemplatedMixin" ],
function(declare, parser, ready, ListItem, _WidgetBase, _TemplatedMixin) {
declare("MyWidget", [ ListItem, _WidgetBase, _TemplatedMixin ], {
templateString: "<div>"
+ "<div>Maximum: <span data-dojo-attach-point='maximumNode'></span></div>"
+ "</div>",
maximum : "unknown",
_setMaximumAttr : { node : "maximumNode", type : "innerHTML" },
buildRendering : function() {
this.inherited(arguments);
}
});
ready(function() {
parser.parse();
});
});
エラーなどは発生しません。ページが読み込まれていません。そのコードの何が問題になっていますか?