jQWidgets jqxRangeSelector render() 方法

简介

jQWidgets jqxRangeSelector 是一款基于 jQuery 的 UI 组件库，提供了众多 UI 控件，并且支持多种主题控制。其中 jqxRangeSelector 控件是用来显示范围选择的数据的。该控件是基于 HTML 和 JavaScript 开发，并且可以使用 render() 方法来渲染控件。

使用方法

使用 jqxRangeSelector 的 render() 方法需要引入 jQWidgets 的库文件，以及主题文件。

<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.ui-smoothness.css" />
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>

然后创建一个 jqxRangeSelector 控件，并调用 render() 方法来渲染。

<script>
  $(document).ready(function () {
    var rangeSelector = $("<div id='rangeSelector'></div>");

    rangeSelector.appendTo(document.body);

    rangeSelector.jqxRangeSelector({
      width: 550,
      height: 100,
      range: { min: 0, max: 100 },
      majorTicksInterval: 20,
      minorTicksInterval: 10,
      showRanges: true
    });

    rangeSelector.jqxRangeSelector("render");
  });
</script>

上述代码会在页面上创建一个 jqxRangeSelector 的实例，并且使用 render() 方法来渲染控件。

参数

render() 方法没有参数，可以直接调用。

返回值

render() 方法没有返回值。

注意事项

• 在调用 render() 方法之前，必须先调用 jqxRangeSelector() 方法来创建一个实例。
• 在调用 render() 方法之后，才能实现控件的显示效果。
• 在使用控件之前，需要引入 jQWidgets 的库文件以及主题文件。

结论

jQWidgets jqxRangeSelector 控件是一款功能强大的 UI 控件库，可以用来显示范围选择的数据。使用 render() 方法可以快速实现控件的渲染。在使用控件之前需要引入库文件和主题文件，同时需要注意 render() 方法的调用时机。