[CLOSED] CalendarPanel: Some question about my customized the <DirectEvents>

[csssi_coolite]

Hi,
Because default <ext:EventEditWindow> could not be satisfied with request.
I defined the <DirectEvents> to insert the event parameters to my database .

......
                    <ext:CalendarPanel ID="CalendarPanel1" runat="server" Region="Center" ActiveIndex="1">
                        <GroupStore ID="GroupStore1" runat="server">
                            <Groups>
                                <ext:Group CalendarId="1" Title="Home" />
                                <ext:Group CalendarId="2" Title="Work" />
                                <ext:Group CalendarId="3" Title="School" />
                                <ext:Group CalendarId="4" Title="Other" />
                            </Groups>
                        </GroupStore>
                        <DirectEvents>
                            <DayClick OnEvent="Calendar_DayClick" Before="extraParams.date=dt;">
                                <EventMask ShowMask="true" />
                            </DayClick>
                        </DirectEvents>
                    </ext:CalendarPanel>
.....


    protected void Calendar_DayClick(object sender, DirectEventArgs e)
    {
        /*----------------Variables Declaration---------------*/
        DateTime dtStart = DateTime.Parse(e.ExtraParams["date"]);
        string szTitle ='xx';
        /*---------------Operations-------------*/
        try
        {
             ......  //insert the event parameters to my database
             ...... //Refresh calendarpanel eventstore
        }
        catch
        {
            throw;
        }

    }

Now after I "insert the event parameters to my database", I use "re-bind calendar eventstore" to show the new evnet in the UI.

I know in the "common.js" file, there is some function for the default <ext:EventEditWindow> to add the new event to show in the UI.

......
    record: {
        add: function(win, rec) {
            win.hide();
            rec.data.IsNew = false;
            CompanyX.getStore().add(rec);
            CompanyX.ShowMsg('Event ' + rec.data.Title + ' was added');
        },
......

But I don' know how to invoke this funtion, and how generate the parameter "rec" to transfer.
Could you help me?

Thanks.

[Daniil]

Hi,

I'd suggest you to add a record by the same way we add it in our example.

Then you can save it to a database using the standard store's saving mechanism.

eventStore.save();

[csssi_coolite]

Hi,

Hi,
I'd suggest you to add a record by the same way we add it in our example.
Then you can save it to a database using the standard store's saving mechanism.

eventStore.save();

I am sorry I could not fully understand.
(I can understand current "Basic" and "Remote Data" example of the Calendar)
Do you mean that I must use the default <ext:EventEditWindow>?

I tried to use a <ext: Window>, and I add some additional controls what I needed.
In this <ext: Window>, after I add/edit/delete the event to the database, I only konw that I can refresh the calendarpanel eventstore to refresh the CalendarPanel UI and update the event. By this way, the speed is slow.

So could you show me some more explanation about it?

Thanks.

[Daniil]

I meant the following thing.

If you call .save() for the eventStore.

CalendarPanel1.eventStore.save();

It fires the OnBeforeStoreChanged server side event where you can save the client side changes to server data store (for example, database).

Here is the example (see the Store definition and the HandleChanges server side handler).
https://examples1.ext.net/#/GridPanel/Update/AutoSave/