Aug 02, 2012, 7:10 AM
CalendarPanel loses rendering after LoadData
Hi,
In my application I have a CalendarPanel inside a TabPanel. If the EventStore's LoadData is called when on another tab the CalendarPanel seems to lose its rendering particularly when in Month view. Please find code below to illustrate.
thanks
Dermot
In my application I have a CalendarPanel inside a TabPanel. If the EventStore's LoadData is called when on another tab the CalendarPanel seems to lose its rendering particularly when in Month view. Please find code below to illustrate.
<%@ Page Language="C#" AutoEventWireup="true" %>
<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (!X.IsAjaxRequest)
{
CalendarPanel1.EventStore.LoadData(GetData());
}
}
private List<EventModel> GetData()
{
var EventList = new List<EventModel>();
var estore = (Ext.Net.EventStore)X.GetCtl("eventstore1");
var ev = new Ext.Net.EventModel
{
EventId = 1,
StartDate = Convert.ToDateTime("2012-08-02 10:00:00"),
EndDate = Convert.ToDateTime("2012-08-02 10:30:00"),
CalendarId = 1,
Title = "Event 1"
};
EventList.Add(ev);
return EventList;
}
protected void btn_Click(object sender, DirectEventArgs e)
{
CalendarPanel1.EventStore.LoadData(GetData());
lbl.Text = String.Concat("Loaded new events : ", DateTime.Now.ToLongTimeString());
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<ext:ResourceManager ID="ResourceManager1" runat="server" DirectMethodNamespace="TEST" />
<ext:TabPanel ID="tabpnl" runat="server" Title="Tab Test" Width="500" Height="500" Layout="FitLayout">
<Items>
<ext:CalendarPanel ID="CalendarPanel1" runat="server" Border="false" Title="Calendar">
<EventStore ID="eventstore1" runat="server" NoMappings="true">
</EventStore>
<CalendarStore ID="storeCal" runat="server" />
<Buttons>
<ext:Button ID="btnTest1" runat="server" Text="ReLoad"><DirectEvents><Click OnEvent="btn_Click"></Click></DirectEvents></ext:Button>
</Buttons>
</ext:CalendarPanel>
<ext:FormPanel ID="frmpnl" runat="server" Title="Test Area">
<Items>
<ext:Label ID="lbl" runat="server" FieldLabel="Result" />
</Items>
<Buttons>
<ext:Button ID="btnTest2" runat="server" Text="ReLoad"><DirectEvents><Click OnEvent="btn_Click"></Click></DirectEvents></ext:Button>
</Buttons>
</ext:FormPanel>
</Items>
</ext:TabPanel>
</div>
</form>
</body>
</html>
Any ideas on what is happening?thanks
Dermot