0

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();
            });
        });

エラーなどは発生しません。ページが読み込まれていません。そのコードの何が問題になっていますか?

4

1 に答える 1

1

この簡単な例を書きました。

コードスニペットから、次のようなことをしたいと思うかもしれませんhttp://jsfiddle.net/hJJUD/7/

その listItem からテンプレートを変更しないことをお勧めします。代わりに、それが持つプロパティを試してみてください。このドキュメントを見てくださいhttp://dojotoolkit.org/reference-guide/1.8/dojox/mobile/ListItem.html

他に必要なものがある場合は、お知らせください。

于 2012-08-24T21:34:49.513 に答える