Come posso configurare il controllo Calendario Ext.NET?
Domanda
Ho provato a configurare il Ext.NET asp.net controllo calendario per visualizzare i miei eventi, ma non ho idea di come farlo? Inoltre, Ext.NET Eventi di classe hanno i loro campi, ma ho bisogno di mettere i miei propri campi per visualizzare sul controllo calendario. ex: leaveId, leavetype, leaveReason, da, ecc.
Come posso raggiungere questo obiettivo? Qualsiasi esperto nel quadro ext.net preghiamo di rispondere.
Soluzione
calendario Configurazione Ext.NET è fatto facilmente, ma ci vuole tempo per capire che il calendario funziona solo se si dà gli avvenimenti avvolti nell'oggetto EventCollection fornito da Ext.
Di seguito è riportato un esempio di un metodo di servizio Web per restituire gli eventi per il calendario.
[WebMethod]
public EventCollection GetEvents(DateTime start, DateTime end)
{
EventCollection results = new EventCollection();
//....Fill the collection here.....
return results;
}
Nella pagina avete bisogno di qualcosa di simile:
<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>
E al codice dietro si connette entrambi facendo:
((HttpProxy)this.pnlCalendar.EventStore.Proxy.Proxy).Url = "Method URL...";
((HttpProxy)this.pnlCalendar.EventStore.Proxy.Proxy).Method = HttpMethod.POST;