jQWidgets jqxRangeSelector refresh() 方法

介绍

jQWidgets是一个专业的jQuery插件和UI组件库，其中包含了许多用于创建数据可视化应用程序的组件。其中包括jqxRangeSelector组件，它是一个可定制的日期/数值范围选择器，可以显示一段时间或一组数字。

jqxRangeSelector组件提供了一个refresh()方法，用于重置和重新绘制组件。当组件选择器的范围或模式更改时，refresh()方法将被调用以重新绘制组件。

用法

首先，你需要在你的项目中引入jQWidgets库文件和必要的CSS文件，如下所示：

<!--引入jQWidgets库-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqwidgets/10.0.0/jqx-all.js"></script>

<!--引入jQWidgets样式-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqwidgets/10.0.0/jqx.base.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqwidgets/10.0.0/jqx.black.css" rel="stylesheet">

创建一个jqxRangeSelector组件

<div id="jqxRangeSelector"></div>

//创建一个jqxRangeSelector实例
$("#jqxRangeSelector").jqxRangeSelector({
    width: '100%',
    height: 100,
    min: new Date(2021, 0, 1),
    max: new Date(2021, 11, 31)
});

调用refresh()方法

//调用refresh()方法
$("#jqxRangeSelector").jqxRangeSelector('refresh');

参数

refresh()方法没有参数。

返回值

refresh()方法不返回任何值。

示例代码

//创建一个jqxRangeSelector实例
$("#jqxRangeSelector").jqxRangeSelector({
    width: '100%',
    height: 100,
    min: new Date(2021, 0, 1),
    max: new Date(2021, 11, 31)
});

//调用refresh()方法
$("#jqxRangeSelector").jqxRangeSelector('refresh');

总结

refresh()方法是jqxRangeSelector组件的一个重要方法，在组件的范围或模式更改时需要使用它来重置和重新绘制组件。如果你正在开发一个使用jqxRangeSelector组件的数据可视化应用程序，那么请记住在必要的时候调用refresh()方法来刷新你的组件。