日程 Schedule

Constructor

Implements: Widget

Tutorials: 控件对象使用快速入门

可设置的属性

Name	Type	Default	Description
name	String		控件的名字，唯一标志
title	String		控件title
hidden	Boolean		隐藏
value	String		值
readonly	Boolean		只读
height	Number		高度
popurl	String		弹出窗口地址
popHeight	Number	600	弹出窗口高度
popWidth	Number	800	弹出窗口宽度
defaultView	String		默认视图
dateFormat	String		日期格式

可读取的属性

Name	Type	Description
name	String	控件的名字，唯一标志
title	String	控件title
hidden	Boolean	隐藏
value	String	值
readonly	Boolean	只读
height	Number	高度
popurl	String	弹出窗口地址
popHeight	Number	弹出窗口高度
popWidth	Number	弹出窗口宽度
defaultView	String	默认视图
dateFormat	String	日期格式

方法

addEvent

Description： 增加日程事件

调用参数：

Name	Type	Description
val	Object	日程事件数据对象: title：String日程事件标题 start：String日程事件开始事件 end：String日程事件结束事件 exdata：String<optional>日程事件扩展数据

返回值:无

调用举例：

var widget = vjsp.Parser.getWidgetByName('schedule');
widget.doMethod('addEvent' , {
    title : '日程标题',
    start : '2021-10-10 10:00:00',
    end : '2021-10-20 20:00:00',
    exdata : ''
});

updateEvent

Description： 更新日程事件

调用参数：

Name	Type	Description
val	Object	日程事件数据对象: id：String日程事件id title：String日程事件标题 start：String日程事件开始事件 end：String日程事件结束事件 exdata：String<optional>日程事件扩展数据

返回值:无

调用举例：

var widget = vjsp.Parser.getWidgetByName('schedule');
widget.doMethod('updateEvent' , {
    id : 'eventid',
    title : '日程标题',
    start : '2021-10-10 10:00:00',
    end : '2021-10-20 20:00:00',
    exdata : ''
});

getEvent

Description： 获取日程事件

Name	Type	Description
调用参数		Name:id Type:String Description:日程事件id
返回值	Object	日常事件数据对象

调用举例：

var widget = vjsp.Parser.getWidgetByName('schedule');
widget.doMethod('getEvent' , 'eventId');

removeEvent

Description： 删除日程事件

Name	Description
调用参数	Name:id Type:String Description:日程事件id
返回值	无

绑定举例：

var widget = vjsp.Parser.getWidgetByName('schedule');
widget.doMethod('removeEvent' , 'eventId');

事件

dayClick

Description： 点击日期

回调函数参数:

Name	Type	Description
date	Object	日程内部日期对象，date._d为标准日期对象
jsEvent	Object	点击事件对象
view	Object	日程视图对象

返回值：Boolean this.returnValue=false 可以阻止弹出新建日程对话框

绑定举例：

var widget = vjsp.Parser.getWidgetByName('schedule');
widget.on('dayClick' , function(date , jsEvent , view){
    //禁止新建
    this.returnValue = false;
});

EventClick

Description： 点击日程事件

回调函数参数:

Name	Type	Description
calEvent	Object	日程事件对象
jsEvent	Object	点击事件对象
view	Object	日程视图对象

返回值：Boolean this.returnValue=false 可以阻止弹出编辑日程对话框

绑定举例：

var widget = vjsp.Parser.getWidgetByName('schedule');
widget.on('eventClick' , function(date , jsEvent){
    //禁止编辑
    this.returnValue = false;
});

remove

Description： 删除日程事件

Name	Type	Description
调用参数		Name:id Type:String Description:日程事件id
返回值	Boolean	this.returnValue=false 可以阻止删除

绑定举例：

var widget = vjsp.Parser.getWidgetByName('schedule');
widget.on('remove' , function(id){
    //禁止删除
    this.returnValue = false;
});

setEvent

Description： 默认对话框设置event事件，可以修改event参数

Name	Type	Description
回调函数参数		NameTypeDescriptioneventDataObject事件数据对象
returnValue	Boolean	this.returnValue=false 可以阻止设置

绑定举例：

var widget = vjsp.Parser.getWidgetByName('schedule');
widget.on('setEvent' , function(eventData){
    //给日程事件设置额外数据
    eventData.exdata = 'setEvent';
});

beforeInit

Description： 日程初始化事件,用于修改初始化参数

Name	Description
回调函数参数	NameTypeDescriptionopsObject参数对象

绑定举例：

var widget = vjsp.Parser.getWidgetByName('schedule');
widget.on('beforeInit' , function(ops){
    //把日程事件颜色修改为红色
    ops.eventColor = '#f00';
});

hidden

Description： 隐藏事件（隐藏显示触发 回调参数为隐藏状态）

回调函数参数

Name	Type	Description
hiddenState	Boolean	隐藏状态true为隐藏、false为取消隐藏

绑定举例：

var widget = vjsp.Parser.getWidgetByName('schedule');
widget.on('hidden' , function(hiddenState){
    if(hiddenState){
        vjsp.alert('控件被隐藏');
    }else{
        vjsp.alert('控件取消隐藏');
    }
});

readonly

Description： 只读事件 （只读状态改变触发 回调参数为只读状态）

Name	Description
回调函数参数	Name readonlyState Type Boolean Description 只读状态 true为只读、false为取消只读

绑定举例：

var widget = vjsp.Parser.getWidgetByName('schedule');
widget.on('readonly' , function(readonlyState){
    if(readonlyState){
        vjsp.alert('控件只读');
    }else{
        vjsp.alert('控件取消只读');
    }
});