当前位置: 代码迷 >> JavaScript >> AlloyUI Scheduler事件请点击
  详细解决方案

AlloyUI Scheduler事件请点击

热度:61   发布时间:2023-06-06 08:58:53.0

我正在使用Alloyui 2.0调度程序 (与Liferay EE 6.2一起使用)

这是我的调度程序:

  YUI().use('aui-scheduler', function(Y) {  
          var config = {
                    color: '#2bd434',
                    content: 'Prova!',
                    id: 'CUSTOM-ID',
                    disabled: true,
                    allDay: true
                }
                var Events = new Y.SchedulerEvent(config);
                var weekView = new Y.SchedulerWeekView();
                var scheduler =  new Y.Scheduler(
               {
                boundingBox: '#myScheduler',
                date: new Date(),
                items: [Events],
                render: true,
                views: [weekView]
               }
            )
    });

当我单击事件时,我想打开另一个页面,其中包含该特定事件的详细信息。

我的调度程序上有这个侦听器:

 $("#myScheduler").on('click','.scheduler-event',function(e){
        console.log(e);
        var instance = this;
        console.log(e.currentTarget);
   });

我如何在currentTarget上设置自定义属性? 如果不可能,是否可以为该事件设置一个自定义ID?(这样我就可以详细了解该事件)

我解决了这个问题:

Y.Do.after(function(e) {
        $('.popover').hide();
        var evt = e.getData('scheduler-event');
            var id = evt.get('id');
            //Other attr created in events array
            var MYATTRIBUTE = evt.get('MYATTRIBUTE');
    }, eventRecorder, 'showPopover');