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日

相关文章

  • jQWidgets jqxGrid groupindentwidth属性

    以下是关于“jQWidgets jqxGrid groupindentwidth属性”的完整攻略,包含两个示例说明: 属性简介 jqxGrid 控件的 groupindentwidth 属性用于指定分缩进的宽度。该属性的默认值为 24,表示缩进宽度为 24 像素。属性的语法如下: $("#jqxGrid").jqxGrid({ group…

    jquery 2023年5月10日
    00
  • jQWidgets jqxRibbon destroy()方法

    jQWidgets jqxRibbon destroy()方法详解 什么是jQWidgets jqxRibbon destroy()方法? destroy()方法是jQWidgets jqxRibbon组件中提供的一个方法,用于销毁该组件的实例并且将其与DOM中的元素分离,以释放与之相关的资源、事件等。销毁后,将无法再通过该实例访问组件的任何功能。 dest…

    jquery 2023年5月11日
    00
  • jQuery children()的例子

    以下是关于jQuery中children()方法的完整攻略: 什么是children()方法? children()方法是jQuery中的一个方法,用于选择匹元素的子元素。 如何使用children()方法? 使用以下代码来使用children()方法: $(selector).children(filter) 其中,selector是要选择的元素的选择器,…

    jquery 2023年5月12日
    00
  • jQuery 遍历祖先

    以下是关于jQuery中遍历祖先的完整攻略: 什么是遍历祖先? 在jQuery中,遍历祖先是指从当前元素开始,向上遍历DOM树,选择所有祖先元素的过程。 如何使用遍历祖先? 使用以下代码使用遍历祖先: $(selector).parents() 其中,selector是要选择的元素的选择器。 示例1:选择所有<li>元素的祖先元素并添加样式 $(…

    jquery 2023年5月12日
    00
  • jQuery获取选中内容及设置元素属性的方法

    jQuery是一款优秀的JavaScript库,它可以让开发者更加轻松地操作HTML文档、事件处理、动画效果等操作。本篇攻略将会介绍如何使用jQuery获取选中内容及设置元素属性的方法。 获取选中内容 在jQuery中,可以使用val()方法获取表单元素的值,例如: var textareaVal = $("textarea").val(…

    jquery 2023年5月28日
    00
  • jQuery UI Dialog resizeStart事件

    以下是关于 jQuery UI Dialog resizeStart 事件的详细攻略: jQuery UI Dialog resizeStart 事件 resizeStart 事件是在用户开始调整对话框大小时触发的事件。可以使用该事件来执行一些操作,例如禁用对话框的某些元素或显示调整大小的提示。 语法 $(selector).dialog({ resizeS…

    jquery 2023年5月11日
    00
  • jQWidgets jqxBarcode backgroundColor属性

    jQWidgets jqxBarcode backgroundColor属性 jQWidgets是一个基于jQuery的UI组件库,提供了丰富的UI组件和工具,包括表格、图表、表单、日历、菜单等。其中,jqxBarcode是jQWidgets中的一个条形码组件,可以用于生成各种类型的条形码。本文将详细介绍jqxBarcode的backgroundColor属…

    jquery 2023年5月9日
    00
  • Vue详细的入门笔记

    Vue详细的入门笔记 什么是Vue? Vue是一个轻量级的JavaScript框架,用于搭建用户界面,它的特点是易于上手、灵活、高效。 Vue的使用 要使用Vue,首先需要引入Vue.js文件。可以选择从官网下载Vue.js文件,也可以使用CDN引入。 CDN引入Vue.js <script src="https://cdn.jsdelivr…

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