What's New?

How to use Ext:CalenderPanel control

  1. #1
    Dec 11, 2010, 1:08 PM

    How to use Ext:CalenderPanel control

    Hi to all

    code in aspx page is as follows

    <%@ Page Language="C#" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>

<script runat="server">
    
</script>
    
<!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 id="Head1" runat="server">
    <title>Calendar</title>
    
    
</head>
<body>
    <form id="Form1" runat="server">
    <ext:ResourceManager ID="ResourceManager1" runat="server">
    </ext:ResourceManager>
    <ext:FormPanel ID="FormPanel1" runat="server" ButtonAlign="Right" Height="185" Padding="5"
        Title="Title" Width="300">
        <Items>
            <ext:TextField ID="TextField1" runat="server" AnchorHorizontal="100%" FieldLabel="Label">
            </ext:TextField>
           
            <ext:CalendarPanel ID="CalendarPanel1" runat="server">
            </ext:CalendarPanel>
            
            
        </Items>
        <Buttons>
            <ext:Button ID="Button1" runat="server" Icon="Disk" Text="Submit">
            </ext:Button>
            
        </Buttons>
    </ext:FormPanel>
       
        
        
    </form>
</body>
</html>
    before adding calenderpanel control page is display properly.
    But after adding calenderpanel control page is not display.

    I want to use CalenderPanel control.
    pls guide me properly.
    I go through Ext.Net sample but not getting.


    thanks in advance
    Rupesh
    Last edited by Daniil; Dec 13, 2010 at 5:07 AM. Reason: Please use [CODE] tags
  2. #2
    Dec 11, 2010, 1:59 PM
    Hi,

    Please wrap code in [CODE ] tags, see

    http://forums.ext.net/showthread.php...ing-New-Topics
    Last edited by geoffrey.mcgill; Dec 13, 2010 at 2:32 PM.
  3. #3
    Dec 13, 2010, 4:52 AM

    Full code

    This is code for i adding the calender control which i take from the example of ext.net

    <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<%@ Import Namespace="Ext.Net.Calendar.Demo" %>

<!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">
<script type="text/javascript" src="../Shared/resources/js/common.js"></script>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <ext:ResourceManager ID="ResourceManager1" runat="server">
    </ext:ResourceManager>
    <div>
        <ext:Panel ID="Panel1" runat="server" Height="300" Title="Title">
            <Items>
                <ext:CalendarPanel
                            ID="CalendarPanel1" 
                            runat="server"
                            Region="Center"
                            ActiveIndex="2"
                            Border="false">
                            <GroupStore ID="GroupStore1" runat="server">
                                <Groups>
                                    <ext:Group CalendarId="1" Title="Home" />
                                    <ext:Group CalendarId="2" Title="Work" />
                                    <ext:Group CalendarId="3" Title="School" />
                                    <ext:Group CalendarId="4" Title="Other" />
                                </Groups>
                            </GroupStore>
                            <MonthView ID="MonthView1" 
                                runat="server" 
                                ShowHeader="true" 
                                ShowWeekLinks="true" 
                                ShowWeekNumbers="true" 
                                />  
                            <Listeners>
                                <ViewChange  Fn="CompanyX.viewChange" Scope="CompanyX" />
                                <EventClick  Fn="CompanyX.record.show" Scope="CompanyX" />
                                <DayClick    Fn="CompanyX.dayClick" Scope="CompanyX" />
                                <RangeSelect Fn="CompanyX.rangeSelect" Scope="CompanyX" />

                                <EventMove   Fn="CompanyX.record.move" Scope="CompanyX" />
                                <EventResize Fn="CompanyX.record.resize" Scope="CompanyX" />
                            </Listeners>
                        </ext:CalendarPanel>

            </Items>
        </ext:Panel>
    </div>
    </form>
</body>
</html>
    Last edited by Rupesh; Dec 13, 2010 at 4:55 AM. Reason: Add [code]
  4. #4
    Dec 13, 2010, 5:30 AM
    Hi,

    Are there any exceptions, errors?

    What version of toolkit do you use?
  5. #5
    Dec 13, 2010, 6:23 AM
    Hi

    There is no error shown but nothing display.
    I downloaded ext.net toolkit from ext.net//download.

    Rupesh
  6. #6
    Dec 13, 2010, 10:04 AM
    Hi,

    You have to define EventsStore

Similar Threads

  1. CalenderPanel v 1.5
    By furkan in forum 1.x Help
    Replies: 0
    Last Post: Aug 05, 2012, 11:18 AM
  2. Delete Event option in CalenderPanel
    By Rupesh in forum 1.x Help
    Replies: 0
    Last Post: Apr 19, 2012, 11:37 AM
  3. add buttons/links for each day in calenderpanel.
    By Rupesh in forum 1.x Help
    Replies: 0
    Last Post: Apr 06, 2012, 11:11 AM
  4. view notes value on title mousehover in CalenderPanel
    By Rupesh in forum 1.x Help
    Replies: 1
    Last Post: Apr 06, 2012, 10:06 AM
  5. Drag & Drop To CalenderPanel from Other control
    By Rupesh in forum 1.x Help
    Replies: 1
    Last Post: Mar 28, 2012, 7:25 AM

Posting Permissions