Wie kann ich das Ext.NET Calendar Control konfigurieren?

Question

Ich habe versucht, das Ext.NET asp.net Kalender-Steuerelement zu konfigurieren, um meine eigenen Ereignisse anzuzeigen, aber ich habe keine Ahnung, wie es geht? Außerdem hat die Ext.NET-Ereignisklasse ihre eigenen Felder, aber ich muss meine eigenen Felder für die Kalendersteuerung verwenden. Bsp .: leaveId, lefttype, leaveReason, von, To, etc.

Wie kann ich das erreichen? Jeder Experte im ext.net-Framework bitte antworten.

Answer 1

Die Konfiguration des Ext.NET-Kalenders ist einfach, aber es braucht Zeit, um zu verstehen, dass der Kalender nur funktioniert, wenn Sie ihm die Ereignisse geben, die in das EventCollection-Objekt von Ext eingepackt sind.

Im Folgenden finden Sie ein Beispiel für eine Webdienstmethode zum Zurückgeben von Ereignissen 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 sich beide verbinden, indem Sie:

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