博客

当我们使用jQWidgets组件中的jqxScheduler时，我们可能需要在卸载页面或者程序退出时销毁该组件，以防止其对内存等资源造成影响，此时我们可以使用jqxScheduler中提供的destroy()方法进行销毁。

方法说明

destroy()方法用于销毁jqxScheduler组件，该方法没有参数，可以直接调用。

使用场景

当我们需要卸载页面或者退出程序时，需要对jqxScheduler组件进行销毁。

示例说明

示例如下

// 实例化jqxScheduler
var scheduler = $("#scheduler").jqxScheduler({
    date: new $.jqx.date(2019, 7, 24), // 设置初始化日期
    width: 800, // 设置宽度
    source: new $.jqx.dataAdapter(source), // 设置数据源
    view: 'weekView', // 设置视图
    showToolbar: true, // 是否显示工具栏
    ready: function() { // 视图准备好时的回调函数
        console.log('scheduler ready!');
    }
});

// 销毁jqxScheduler组件
scheduler.jqxScheduler('destroy');

在上述示例中，我们首先实例化了jqxScheduler组件，并对其进行了一些初始化的设置，然后我们通过调用jqxScheduler实例的jqxScheduler('destroy')方法进行了销毁。此时，这个组件对内存等资源已经不会造成影响。

示例2

var scheduler = $("#scheduler").jqxScheduler({
    date: new $.jqx.date(2019, 7, 24), // 设置初始化日期
    width: 800, // 设置宽度
    source: new $.jqx.dataAdapter(source), // 设置数据源
    view: 'weekView', // 设置视图
    showToolbar: true, // 是否显示工具栏
    ready: function() { // 视图准备好时的回调函数
        console.log('scheduler ready!');
    }
});

// 点击按钮销毁jqxScheduler组件
$("#destroyBtn").click(function(){
    scheduler.jqxScheduler('destroy');
});

在上述示例中，我们在页面中添加了一个按钮，并为其绑定了一个点击事件。当我们点击这个按钮时，该事件会被触发，从而调用jqxScheduler实例的jqxScheduler('destroy')方法进行销毁。该示例可以方便我们在需要销毁jqxScheduler组件时进行操作。