ExtJs 6日历周和日活动

时间:2018-07-13 09:33:05

标签: javascript extjs calendar sencha-touch extjs6-classic

如何在日历 @Override protected void onSaveInstanceState(Bundle outState) { outState.putString("company", company.getText().toString()); outState.putString("name", name.getText().toString()); outState.putString("email",email.getText().toString()); outState.putString("phone",phone.getText().toString()); outState.putString("address",address.getText().toString()); outState.putString("desc",desc.getText().toString()); super.onSaveInstanceState(outState); } @Override protected void onRestoreInstanceState(Bundle savedInstanceState) { super.onRestoreInstanceState(savedInstanceState); co = savedInstanceState.getString("comoany"); em = savedInstanceState.getString("email"); ph = savedInstanceState.getString("phone"); add = savedInstanceState.getString("address"); na = savedInstanceState.getString("name"); de = savedInstanceState.getString("desc"); } @Override protected void onResume() { Log.i("this", "Company::::::::::::" + co); company.setText(co); super.onResume(); } eventClick视图上添加Week侦听器。我已在day视图上添加了侦听器,并且该监听器工作正常,但在“周视图”和“日视图”上没有任何事件。有没有一种方法可以将事件也添加到这些视图中。或其他解决方法。

我也不想包含整个Month

extension

默认的“添加和编辑”表单正在运行,但是我想在事件单击中打开自己的窗口,以仅显示有关事件的详细信息。不是可编辑的可编辑窗口或可添加的窗口。 是否可以像xtype: 'panel', title: 'Calendar', layout: 'fit', width: 1200, height: 600, items: [{ xtype: 'calendar', views: { day: { addForm: null, editForm: null, listeners: { eventtap: 'onEventClick' //this doesn't work } }, week: { addForm: null, editForm: null, listeners: { eventtap: 'onEventClick' //this doesn't work } }, month: { addForm: null, editForm: null, listeners: { eventtap: 'onEventClick' // this works } } }, bind: { store: '{calendars}' } }] 一样为event clickWeek添加DayMonth view视图?

2 个答案:

答案 0 :(得分:1)

ExtJs Calendar软件包的源代码中有一个 bug /问题。 转到

  

ext / packages / calendar / src / calendar / view / days.js

1436行使用以下代码更改功能onEventTap

    onEventTap: function(e) {
        var event = this.getEvent(e);
        this.fireEvent('eventtap', this, {
            event: event
        });
        this.showEditForm(event);
    },

答案 1 :(得分:0)

这是一个很好的例子。

{
        xtype: 'calendar',
        flex: 1,
        reference: 'customMainCalendarRef',
        border: false,
        layout: 'border',
        timezoneOffset: 0,
        manageHeight: false,
        createButtonPosition: 'titleBar',
        createButton: {
            xtype: 'button',
            region: 'center',
            hidden: true
        },
        views: {
            month: {
                xtype: 'calendar-month',
                region: 'west',
                //id:'tasksMonthViewId',
                width: 150,
                label: 'Month',
                view: {
                    xtype: 'calendar-monthview',
                    addForm: null,
                    editForm: null,
                    firstDayOfWeek: 1,
                    listeners: {
                        eventtap: 'onCalendarmonthviewEventtap',
                        select: 'onTaskCalendarmonthviewSelect',
                        valuechange: 'onCalendarmonthviewValueChange'
                    }
                },
                listeners: {
                    afterrender: 'onCalendarmonthAfterRender',
                    added: 'onMonthViewAdded'
                }
            },
            week: {
                xtype: 'calendar-week',
                region: 'east',
                //id:'tasksWeekViewId',
                width: 150,
                label: 'Week',
                view: {
                    xtype: 'calendar-weekview',
                    timeRenderer: function(hour, formatted, firstInGroup) {
                        return '';
                    },
                    addForm: null,
                    editForm: null,
                    firstDayOfWeek: 1,
                    listeners: {
                        eventtap: 'onCalendarweekviewEventtap'
                    }
                }
            },
            day: {
                xtype: 'calendar-day',
                //id:'tasksDayViewId',
                region: 'north',
                height: 150,
                label: 'Day',
                view: {
                    xtype: 'calendar-dayview',
                    timeRenderer: function(hour, formatted, firstInGroup) {
                        return '';
                    },
                    addForm: null,
                    editForm: null,
                    listeners: {
                        eventtap: 'onCalendardayviewEventtap'
                    }
                }
            }
        }
    }