📌  相关文章
📜  RichFaces Rich：InputNumberSpinner

📅  最后修改于: 2021-01-08 12:30:12             🧑  作者: Mango

RichFaces

此组件是单行输入字段，带有用于增加和减少数值的按钮。使用提供的微调器输入值。可以使用键盘上相应的方向键或在字段中键入来更改该值。

样式类和皮肤参数

下表包含inputNumberSpinner的样式类和相应的外观参数。

Class Function Skin Parameters Mapped CSS properties
.rf-insp It is used to define styles for the number spinner itself. panelBorderColor border-color
.rf-insp-inp It is used to define styles for the input field on the number spinner. generalSizeFont
generalFamilyFont 		font-size
font-family
.rf-insp-btns It is used to define styles for the buttons on the number spinner. panelBorderColor border-left-color
.rf-insp-dec, .rf-insp-inc These classes define styles for the step controls to decrease and increase the number. No skin parameters.
.rf-insp-dec-dis, .rf-insp-inc-dis These classes define styles for the step controls when they are disabled. No skin parameters.

例

在下面的示例中，我们正在实现< rich：inputNumberSpinner >组件。本示例包含以下文件。

JSF文件

// input-number-spinner.xhtml






Input Number Slider Example

输出：

单击微调器后，值已更改。