jQWidgets jqxScheduler clearAppointmentsSelection()方法

jQWidgets jqxScheduler clearAppointmentsSelection()方法

方法描述

clearAppointmentsSelection()jQWidgets jqxScheduler 插件提供的用于清除选择的事件、约会的方法。

方法语法

$('#scheduler').jqxScheduler('clearAppointmentsSelection');

方法参数

该方法没有参数。

方法返回值

该方法没有返回值。

方法示例1

$('#scheduler').jqxScheduler({
    date: new Date(),
    height: 600,
    resources:
        {
            colorScheme: "scheme05",
            dataField: "calendar",
            source: new $.jqx.dataAdapter(source)
        },
    appointments: [],
    view: "weekView",
    views:
        [
            'dayView',
            'weekView',
            'monthView'
        ]
});
$('#clearSelectionButton').click(function()
{
    $("#scheduler").jqxScheduler('clearAppointmentsSelection');
}

在本示例中,创建了一个 jqxScheduler 对象,设置了对象的属性,包括dateheightresourcesappointmentsviewviews等。并且创建一个 ClearSelectionButton 按钮,在该按钮的单击事件中调用 clearAppointmentsSelection() 方法,实现清除已选择的事件、约会。

方法示例2

$('#scheduler').jqxScheduler({
    date: new Date(),
    height: 600,
    resources:
        {
            colorScheme: "scheme05",
            dataField: "calendar",
            source: new $.jqx.dataAdapter(source)
        },
    appointments: [],
    view: "weekView",
    views:
        [
            'dayView',
            'weekView',
            'monthView'
        ],
    appointmentSelecting: function (event, args) {
        var appointment = args.appointment;
        var message = "Are you sure you want to delete this appointment?";
        if (confirm(message) != true) {
            $("#scheduler").jqxScheduler('clearAppointmentsSelection');
        }
    }
});

在本示例中,除了创建 jqxScheduler 对象外,还为 appointmentSelecting 事件绑定了一个处理函数,当用户试图选择一个约会时,会弹出一个提示窗口确认是否要删除约会。如果用户拒绝删除,则调用 clearAppointmentsSelection() 方法,清除选择的约会。

经过以上两个示例的演示, jQWidgets jqxScheduler clearAppointmentsSelection() 方法的使用方法和作用已经清晰明了。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:jQWidgets jqxScheduler clearAppointmentsSelection()方法 - Python技术站

(0)
上一篇 2023年5月11日
下一篇 2023年5月11日

相关文章

  • 基于jQuery的Spin Button自定义文本框数值自增或自减

    为了让大家更好地理解“基于jQuery的Spin Button自定义文本框数值自增或自减”的实现过程,我将按照以下步骤进行说明: 1.引入jQuery库文件 首先,在网页中引入jQuery库文件,这里以CDN为例: <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jque…

    jquery 2023年5月27日
    00
  • jQuery选择器中含有空格的使用示例及注意事项

    关于“jQuery选择器中含有空格的使用示例及注意事项”的完整攻略,我将以下面的方式进行详细讲解: 一、什么是jQuery选择器 在jQuery中,选择器是非常强大并且常用的功能。它可以根据CSS样式,DOM元素属性、标签名等方式来查找对应的HTML元素,从而对其进行操作、修改等。 二、含有空格的jQuery选择器的使用方式 1. 子元素选择器 含有空格的j…

    jquery 2023年5月18日
    00
  • Jquery 基础学习笔记

    首先,我们需要了解什么是jQuery。jQuery是一款快速、小巧并且功能强大的JavaScript库,其主要特点是操作简单易学、兼容性较好、支持链式操作等。下面将介绍jQuery的基础知识,以帮助初学者更好地理解和使用jQuery。 一、jQuery库的引入 在使用jQuery之前,我们需要先引入jQuery库。一般情况下,我们可以在HTML页面的标签中放…

    jquery 2023年5月27日
    00
  • 修改jquery.lazyload.js实现页面延迟载入

    下面是详细的攻略: 什么是jquery.lazyload.js jquery.lazyload.js是一个jQuery插件,其作用是让网页的图片等资源在滚动到可视区域时再加载,可以有效地减少页面加载时间,提高用户体验。 实现页面延迟载入的步骤 引入jquery.lazyload.js文件 首先,在HTML文件中引入jquery.lazyload.js文件。可…

    jquery 2023年5月28日
    00
  • jQWidgets jqxNavBar selectedItem属性

    jQWidgets是一个流行的JavaScript UI库,可以用于构建现代和美观的用户界面。其中,jqxNavBar是jQWidgets库中的一种导航栏组件。jqxNavBar提供了许多属性和方法,其中selectedItem属性就是控制当前选定项的属性。 当用户单击导航栏中的一个项时,selectedItem属性将设置为该项的值。可以使用selected…

    jquery 2023年5月12日
    00
  • jQWidgets jqxDateTimeInput showTimeButton属性

    以下是关于“jQWidgets jqxDateTimeInput showTimeButton属性”的完整攻略,包含两个示例说明: 属性简介 showTimeButton 属性是 jQWidgets jqxDateTimeInput 控件的一个属性,用于设置是否显示日期时间输入框的时间选择按钮。该属性的语法如下: $("#jqxDateTimeIn…

    jquery 2023年5月10日
    00
  • jQuery移动端日期(datedropper)和时间(timedropper)选择器附源码下载

    下面我将详细讲解“jQuery移动端日期(datedropper)和时间(timedropper)选择器附源码下载”的完整攻略。 概述 datedropper和timedropper是基于jQuery的移动端日期和时间选择器,简单易用且易于自定义样式。此外,它们还支持多种语言和格式。 安装 在使用datedropper和timedropper之前,需要先下载…

    jquery 2023年5月28日
    00
  • jQuery UI position()方法

    以下是关于 jQuery UI position() 方法的完整攻略: jQuery UI position() 方法 在 jQuery UI 中,可以使用 position() 方法将元素定位到指定的位置。position() 方法可以使用多种选项来指定元素的位置,例如 my、at、of、collision 等。 语法 $(selector).positi…

    jquery 2023年5月11日
    00
合作推广
合作推广
分享本页
返回顶部