jQWidgets jqxRangeSelector range 属性介绍

jQWidgets jqxRangeSelector 是一个用于可视化选择和操作范围的jQuery插件。在使用 jqxRangeSelector 时，range 属性是一个重要参数，用于设置或获取范围选择器控件的初始范围、最小值、最大值和步长。

range属性参数

在 jqxRangeSelector 中，range 属性接受一个对象类型参数，该参数可以包括以下属性：

• min：设置或获取范围选择器的最小值。
• max：设置或获取范围选择器的最大值。
• rangeStart：设置或获取范围选择器的初始选取的起始位置。
• rangeEnd：设置或获取范围选择器的初始选取的结束位置。
• step：设置或获取范围选择器的范围变化的步长。

示范使用

以下示例演示了如何使用 range 属性初始化 jqxRangeSelector：

$("#jqxRangeSelector").jqxRangeSelector({
    width: 500,
    height: 100,
    range: { min: 0, max: 100, rangeStart: 20, rangeEnd: 80, step: 5 }
});

该示例中，range 属性的 min 值为 0，max 值为 100，rangeStart 值为 20，rangeEnd 值为 80，step 值为 5，即范围选择器会初始化为从 20 到 80 之间，每 5 个单位为一步。

总结

通过运用 range 属性，我们可以轻松实现范围选择器的初始化设置，确保最小值，最大值和范围选择器的范围具有良好的可视化效果。