SpinWheelSlot 中的项目未正确显示答案

【问题标题】：Items in SpinWheelSlot are not displayed correctlySpinWheelSlot 中的项目未正确显示
【发布时间】：2012-09-11 12:42:40
【问题描述】：

我正在使用 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             -
-                          -
----------------------------

我一开始以为是浏览器的缺陷，但在每个浏览器中看起来都一样。这有什么问题？

【问题讨论】：

标签： dojo dojox.mobile

【解决方案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>

【讨论】：