Cq5构建一个数字增量/递减框

Question

​

​

上面的图片是我需要在CQ5中构建的，我一直在adobe中挖掘，我发现的只是Class CQ.Ext.form.NumberField

但该数字字段仅提供类似textfield的内容，供您手动输入数字(这不是我所需要的)。

有人能指导我如何在cq5对话框中创建这样的数字增减框吗？请给我一些代码示例，谢谢

Answer 1

您可以使用xtype CQ.form.Spinner来尝试spinner。这是数值、日期或时间值的触发器字段。

旋转器使用定义其行为的CQ.form.Spinner.Strategy。

对话框配置片段显示在这里。

<numfield xtype="spinner" name="./numfield" editable="false">
    <strategy xtype="number" allowDecimals="false" maxValue="50" />
</numfield>

有关更多信息，请查看此纺丝API和NumberStrategy API

Answer 2

查看带有xtype=" Spinner“的。在这里，您可以定义旋转器的策略，例如增量值。不过，我自己从未使用过它，所以我无法为您提供运行中的代码示例。