道场:NumberSpinner 问题

Question

我创建了这个 NumberSpinner 小部件:

<input name="form_action_fy" id="form_action_fy" value="2010" 
    data-dojo-type="dijit.form.NumberSpinner" 
    data-dojo-smallDelta="1" 
    data-dojo-largeDelta="1" 
    data-dojo-constraints="{min:2010,max:2030,places:0}" />

当我加载页面时，小部件按预期显示。但是，有几个问题:

该值为空，而不是 2010。

当我按下空小部件上的减少按钮时，我得到 9000000000000000，当我增加空小部件时，我得到 -9000000000000000。它不遵守指定的最小值/最大值。

而且， smallDelta 和 largeDelta 也不起作用。

我在这里做错了什么？

谢谢
埃里克

Answer 1

在新的小部件属性样式中，传递给构造函数的属性都放在 data-dojo-props 中。属性，而不是旧的临时属性。在文档仍然指向较旧的声明式风格的情况下，您可能会通过寻找编程风格的示例来获得更好的运气。

<input name="form_action_fy" id="form_action_fy"
    data-dojo-type="dijit.form.NumberSpinner"
    data-dojo-props="
        value:2010,
        smallDelta:5,
        largeDelta:10,
        constraints:{min:2010,max:2200,places:0}"
/>

现场示例: http://jsfiddle.net/missingno/cQfFt/

请注意，在 Dojo 1.6 中，有几个小部件仍在转换中，因此某些属性可能需要以 prop 和属性形式复制。不过在 1.7 中应该没问题。