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>