jQWidgets jqxKnob value 属性

介绍

jQWidgets jqxKnob 是一个可定制的旋钮控件，该控件将值表示为角度，允许用户以旋转旋钮的方式对值进行调整。value 属性是该控件的一个配置选项，用于设置或获取旋钮的当前值。

value 属性的语法

// 获取 value 属性
var value = $("#myKnob").jqxKnob("getDecimal");

// 设置 value 属性
$("#myKnob").jqxKnob("setDecimal", value);

value 属性的值

value 属性的值类型是 number，表示旋钮的当前值。默认值为 0，取值范围可以通过 min 和 max 属性进行设置。

示例

以下代码将创建一个简单的 jQWidgets jqxKnob 控件，并在控件上设置一个起始值为 50 的旋钮：

<script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../jqwidgets/jqxknob.js"></script>

<div id="myKnob" style="width: 200px; height: 200px;"></div>

<script type="text/javascript">
    $(document).ready(function () {
        $("#myKnob").jqxKnob({
            value: 50
        });
    });
</script>

注意事项

• 使用 value 属性设置旋钮的初始值时，应确保该值在 min 和 max 属性设置的取值范围内。
• 通过 getDecimal 方法获取旋钮的值时，将返回一个 number 类型的浮点数，该数值表示旋钮当前值的小数位。若需要获取整数形式的旋钮值，请使用 Math.round 方法进行四舍五入处理。例如：Math.round($("#myKnob").jqxKnob("getDecimal"))。

参考文献

• jQWidgets Documentation - jQWidgets Configuration Options