dojo - SpinWheelSlot のアイテムが正しく表示されない

Question

Dojo Toolkit を使用してモバイル・アプリケーションを開発しています。次のコードがあります。

<div id="spin1" data-dojo-type="dojox.mobile.SpinWheel">
    <div id="sortOrderSlot" data-dojo-type="dojox.mobile.SpinWheelSlot"
         items="['pt','px','cm']" style="width: 100%;">
    </div>
</div>

出力は次のようになります。

----------------------------
-                          -
-            pt            -
-                          -
-            px            -
-                          -
-            cm            -
-                          -
----------------------------

しかし、次の結果が得られます。

----------------------------
-                          -
-            p             -
-                          -
-            t             -
-                          -
-            ,             -
-                          -
-            p             -
-                          -
-            x             -
-                          -
-            ,             -
-                          -
-            c             -
-                          -
-            m             -
-                          -
----------------------------

最初はブラウザの不具合かと思いましたが、どのブラウザでも同じように見えます。それの何が問題なのですか？

Answer 1

"items" の値は [key,value] ペアの配列です。あなたの場合、「ラベル」を使用する必要があります。さらに、「data-dojo-props」を使用してウィジェット属性を指定する必要があります。

したがって、これはより適切に機能するはずです：

<div data-dojo-type="dojox.mobile.SpinWheelSlot"
     data-dojo-props="labels: ['pt','px','cm']" style="text-align:center;width:100%;">
</div>