Hi,
It was not trivial.
Finally, I can suggest the following solution.
Example
<%@ Page Language="C#" %>
<%@ 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>Ext.NET Example</title>
<script type="text/javascript">
var onEventClick = function (view, record, el) {
var e = Ext.EventObject,
point = e.getXY(),
tds = view.el.select("td.ext-cal-day"),
td;
point = new Ext.lib.Region(point[1], point[0], point[1], point[0]),
tds.each(function (el) {
if (el.getRegion().isIntersect(point)) {
td = el;
return false;
}
});
if (td) {
td = td.dom;
if (td.id && td.id.indexOf(view.dayElIdDelimiter) > -1) {
parts = td.id.split(view.dayElIdDelimiter);
dt = parts[parts.length - 1];
alert(Date.parseDate(dt, 'Ymd'));
}
}
};
</script>
</head>
<body>
<ext:ResourceManager runat="server" />
<ext:Viewport runat="server" Layout="FitLayout">
<Items>
<ext:CalendarPanel ID="CalendarPanel1" runat="server">
<EventStore runat="server">
<Events>
<ext:Event
EventId="1"
Title="My event"
StartDate="2012/5/15"
EndDate="2012/5/16"
CalendarId="1" />
</Events>
</EventStore>
<Listeners>
<EventClick Fn="onEventClick" />
</Listeners>
</ext:CalendarPanel>
</Items>
</ext:Viewport>
</body>
</html>
