Wie kann ich die Ext.NET Calendar Control konfigurieren?

Question

Ich habe versucht, das Ext.NET asp.net Kalender-Steuerelement zu konfigurieren, meine eigenen Veranstaltungen zu sehen, aber ich habe keine Ahnung, wie es zu tun? Auch Ext.NET Event Klasse haben ihre eigenen Felder, aber ich brauche, um meine eigenen Felder für einen Blick auf Kalender-Steuerelement zu setzen. Ex: leaveId, leavetype, leaveReason, aus, um etc.

Wie kann ich das erreichen? Jeder Experte in ext.net Rahmen bitte antworten.

Answer 1

Konfigurieren Ext.NET Kalender ist leicht getan, aber es braucht Zeit, zu verstehen, dass der Kalender funktioniert nur, wenn Sie es, die Ereignisse in der EventCollection Objekt von Extern bereitgestellt gewickelt geben.

Im Folgenden finden Sie ein Beispiel für eine Web-Service-Methode zurückzukehren Ereignisse für den Kalender.

[WebMethod]
public EventCollection GetEvents(DateTime start, DateTime end)
    {
        EventCollection results = new EventCollection();
        //....Fill the collection here.....
        return results;
    }

Auf der Seite müssen Sie etwas wie folgt aus:

<ext:ResourceManager ID="ResourceManager1" runat="server" Theme="Gray" />
<ext:Viewport ID="Viewport1" runat="server" Layout="Border">
    <Items>
        <ext:Panel runat="server" Width="176" Region="West" Border="false">
            <Items>
                <ext:DatePicker ID="dtpCurrentDate" runat="server">
                    <Listeners>
                        <Select Fn="setStartDate" />
                        <BeforeRender Handler="this.showPrevMonth = this.showPrevMonth.createSequence(HighlightPostDates);this.showNextMonth = this.showNextMonth.createSequence(HighlightPostDates);this.onMonthClick = this.onMonthClick.createSequence(HighlightPostDates);" />
                    </Listeners>
                </ext:DatePicker>
            </Items>
        </ext:Panel>
        <ext:CalendarPanel runat="server" ID="pnlCalendar" Region="Center" >
        <MonthView runat="server"></MonthView>
        <WeekView runat="server"></WeekView>
        <DayView  runat="server"></DayView>
            <GroupStore runat="server" ID="storeGroups">
                <Groups>
                    <ext:Group CalendarId="1" Title="Event Type 1" />
                    <ext:Group CalendarId="2" Title="Event Type 2" />
                </Groups>
            </GroupStore>
            <EventStore ID="EventStore1" runat="server" DateFormat="M$" ShowWarningOnFailure="false">
                <Proxy>
                    <ext:HttpProxy Json="true" />
                </Proxy>
                <Reader>
                    <ext:JsonReader Root="d" />
                </Reader>
                <BaseParams>
                    <ext:Parameter Name="start" Value="" Mode="Value" />
                    <ext:Parameter Name="end" Value="" Mode="Value" />
                </BaseParams>
                <Listeners>
                    <Load Fn="HighlightPostDates" />
                </Listeners>
            </EventStore>
        </ext:CalendarPanel>
    </Items>
</ext:Viewport>

Und auf den Code hinter Sie verbinden beide, indem Sie:

((HttpProxy)this.pnlCalendar.EventStore.Proxy.Proxy).Url = "Method URL...";
            ((HttpProxy)this.pnlCalendar.EventStore.Proxy.Proxy).Method = HttpMethod.POST;