[CLOSED] Problem with GroupStore Calendar

  1. #1

    [CLOSED] Problem with GroupStore Calendar

    Hi,

    I have an application in version 1.3 and I use a calendar that have a GroupStore with 7 CalendarId. When I show the calendar only works to display if the value of CalendarId in the list are between 1 and 2, the other one is not showed.

    Here my code to check what I am doing wrong.

    Thanks,

    Oliver

    <%@ Page Title="" Language="C#" AutoEventWireup="true" CodeFile="Calendar.aspx.cs"
        Inherits="Views_Calendar" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title></title>
        <ext:ResourcePlaceHolder ID="ResourcePlaceHolder1" runat="server" Mode="Style" />
        <link rel="stylesheet" type="text/css" href="../App_Themes/Tema/main.css" />
        <ext:ResourcePlaceHolder ID="ResourcePlaceHolder2" runat="server" Mode="Script" />
        <script type="text/javascript" src="../_scripts/common.js"></script>
        <script type="text/javascript" src="../_scripts/override.js"></script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <ext:ResourceManager ID="ResourceManager1" runat="server" ScriptMode="Debug" IDMode="Explicit"
                InitScriptMode="Linked" RemoveViewState="true" Namespace="CompanyX" Locale="pt-BR" />
            <ext:Viewport ID="Viewport1" runat="server" Layout="Border">
                <Items>
                    <ext:Panel ID="PanelTopo" runat="server" Region="North" Split="false" Height="168px"
                        Collapsible="false" BodyStyle="background-color: #FCDB00;">
                        <Items>
                            <ext:Image ID="Image1" runat="server" ImageUrl="~/Imagens/logo_branco.png" Height="140px">
                            </ext:Image>
                            <ext:Image ID="Image2" runat="server" ImageUrl="~/Imagens/amarelo2.png" Height="136px">
                            </ext:Image>
                            <ext:Image ID="Image3" runat="server" ImageUrl="~/Imagens/amarelo4.png" Height="136px"
                                Align="Right">
                            </ext:Image>
                            <%--      <ext:Panel runat="server" Layout="VBoxLayout" Title="Teste" Height="20px">
                                <Items>
                                    <ext:Label runat="server" Text="Sala:">
                                    </ext:Label>
                                    <ext:TextField ID="txt" runat="server">
                                    </ext:TextField>
                                </Items>
                            </ext:Panel>--%>
                        </Items>
                        <%--                <Listeners>
                        <Show fn="updateColor" />
                    </Listeners>
                        --%>
                        <BottomBar>
                            <ext:Toolbar ID="tbCenterPanel" runat="server" BodyStyle="background-color: #FFFFFF;">
                                <Items>
                                    <ext:Button ID="btnSair" runat="server" Icon="ArrowTurnLeft" ToolTip="Voltar" Text="Voltar para Opções da Intranet"
                                        OnDirectClick="btnSair_Click">
                                    </ext:Button>                           
                                </Items>
                            </ext:Toolbar>
                        </BottomBar>
                    </ext:Panel>
                    <ext:Panel ID="Panel2" runat="server" Title="Agenda de uso das Salas de Reunião"
                        Layout="Border" Region="Center" Cls="app-center">
                        <Items>
                            <ext:Panel ID="Panel3" runat="server" Width="176" Region="West" Border="false" Cls="app-west">
                                <Items>
                                    <ext:DatePicker ID="DatePicker1" runat="server" Cls="ext-cal-nav-picker">
                                        <Listeners>
                                            <Select Fn="CompanyX.setStartDate" Scope="CompanyX" />
                                        </Listeners>
                                    </ext:DatePicker>
                                </Items>
                                <TopBar>
                                </TopBar>
                            </ext:Panel>
                            <ext:Panel ID="Panel1" runat="server" Title="" Border="false" Y="200" X="0" Layout="MenuLayout"
                                Frame="true" Width="195" BodyStyle="font-family: trebuchet MS, arial, sans-serif; font-size:10px">
                                <Items>
                                    <ext:Label runat="server" Text="SELECIONAR Sala">
                                    </ext:Label>
                                    <ext:ComboBox ID="ddlSala" runat="server" Editable="false" Height="20px" FieldLabel=""
                                        DisplayField="DscSala" ValueField="IdSala" TypeAhead="true" Mode="Remote" ForceSelection="true"
                                        EmptyText="Selecione uma Sala" Resizable="true" SelectOnFocus="true" Width="165px"
                                        AllowBlank="false">
                                        <Store>
                                            <ext:Store ID="StoreSala" runat="server" AutoLoad="true">
                                                <Reader>
                                                    <ext:JsonReader IDProperty="IdSala">
                                                        <Fields>
                                                            <ext:RecordField Name="IdSala" Type="Int" />
                                                            <ext:RecordField Name="DscSala" Type="String" />
                                                        </Fields>
                                                    </ext:JsonReader>
                                                </Reader>
                                            </ext:Store>
                                        </Store>
                                    </ext:ComboBox>
                                    <ext:Button ID="btnConsultar" runat="server" Text="Consultar" OnDirectClick="btnConsultar_Click"
                                        Width="120px">
                                    </ext:Button>
                                </Items>
                            </ext:Panel>
                            <%--                        <ext:Panel ID="Panel4" runat="server" Title="" Border="false" Y="270" X="0" Layout="ContainerLayout"
                                Frame="true" Width="195" BodyStyle="font-family: trebuchet MS, arial, sans-serif; font-size:10px">
                                <Items>
                                    <ext:Button ID="btnSair" runat="server" Text="" Icon="ArrowTurnLeft" ToolTip="Voltar"
                                        OnDirectClick="btnSair_Click" Width="30px">
                                    </ext:Button>
                                </Items>
                            </ext:Panel>
                            --%>
                            <ext:CalendarPanel ID="CalendarPanel1" runat="server" Region="Center" ActiveIndex="2"
                                Border="false" ShowTodayText="false" ShowMonthView="false" ShowDayView="false"
                                ShowTime="false" TodayText="" WeekText="Semana" >
                                <GroupStore ID="GroupStore1" runat="server">
                                    <Groups>
                                        <ext:Group CalendarId="1" Title="Sala 1" />
                                        <ext:Group CalendarId="2" Title="Sala 2" />
                                        <ext:Group CalendarId="3" Title="Sala 3" />
                                        <ext:Group CalendarId="4" Title="Sala 4" />
                                        <ext:Group CalendarId="5" Title="Sala 5" />
                                        <ext:Group CalendarId="6" Title="Sala 6" />
                                        <ext:Group CalendarId="7" Title="Sala 7" />
                                    </Groups>
                                </GroupStore>
                                <EventStore ID="EventStore1" runat="server" IgnoreExtraFields="false" DateFormat="M$"
                                    SaveMappings="false"  >
                                    <Reader>
                                        <ext:JsonReader IDProperty="EventId">
                                            <Fields>
                                                <ext:RecordField Name="EventId" />
                                                <ext:RecordField Name="CalendarId" />
                                                <ext:RecordField Name="Title" />
                                                <ext:RecordField Name="StartDate" Type="Date" />
                                                <ext:RecordField Name="EndDate" Type="Date" />
                                                <ext:RecordField Name="IsAllDay" />
                                                <ext:RecordField Name="Notes" />
                                            </Fields>
                                        </ext:JsonReader>
                                    </Reader>
                                </EventStore>
                                <WeekView ID="WeekView1" runat="server" ShowTodayText="false" />
                                <DirectEvents>
                                    <EventClick OnEvent="ShowDetails">
                                        <ExtraParams>
                                            <ext:Parameter Name="EventId" Value="record.id" Mode="Raw" />
                                        </ExtraParams>
                                    </EventClick>
                                    <DayClick OnEvent="EventAdd">
                                        <ExtraParams>
                                            <ext:Parameter Name="EventId" Value="0" Mode="Raw" />
                                            <ext:Parameter Name="Data" Value="dt" Mode="Raw" />
                                        </ExtraParams>
                                    </DayClick>
                                </DirectEvents>
                                <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" />
                                    <EventDelete Fn="CompanyX.record.remove" />--%>
                                </Listeners>
                            </ext:CalendarPanel>
                        </Items>
                    </ext:Panel>
                </Items>
            </ext:Viewport>
            <ext:EventEditWindow ID="EventEditWindow1" runat="server" Hidden="true" GroupStoreID="GroupStore1">
                <Items>
                    <ext:FormPanel ID="FormPanel1" runat="server">
                        <Content>
                            <ext:TextField ID="TextField1" runat="server" FieldLabel="test" Text="RR" />
                        </Content>
                    </ext:FormPanel>
                </Items>
    
                <DirectEvents>
                    <%--                <EventAdd OnEvent="EventAdd">
                        <ExtraParams>
                            <ext:Parameter Name="EventId" Value="0" Mode="Raw" />
                            <ext:Parameter Name="Data" Value="record.data.StartDate" Mode="Raw" />
                        </ExtraParams>
                    </EventAdd>
                    --%>
                </DirectEvents>
            </ext:EventEditWindow>
        </div>
        </form>
    </body>
    </html>
    Code to populate the Calendar in cs file:

        private void atualizarGrid()
        {
            Store store = this.CalendarPanel1.EventStore;
            store.DataSource = listarCadastro();
            store.DataBind();
        }
    
        private List<Evento> listarCadastro()
        {
            string _idSala = "0";
    
            if (ddlSala.SelectedIndex > 0) _idSala = ddlSala.SelectedItem.Value;
    
            List<Evento> listEvent = new List<Evento>();
    
            var itens = from g in dc.ReservaSalas.AsEnumerable()
                        where g.IdSala == Convert.ToInt32(_idSala)
                        select new
                        {
                            EventId = g.IdReservaSala,
                            CalendarId = g.IdSala,
                            Title = g.Observacao,
                            StartDate = g.DtHrReuniao,
                            EndDate = g.DtHrFim,
                            IsAllDay = false,
                            Notes = g.Observacao                        
                        };
    
            //                        EndDate = g.DtHrReuniao.Value.Add(new TimeSpan(Convert.ToInt32(g.Duracao))),
    
            foreach (var result in itens)
            {
                Evento evt = new Evento();
                evt.EventId = result.EventId;
                evt.CalendarId = result.CalendarId;
                evt.Title = result.Title;
                evt.StartDate = result.StartDate;
                evt.EndDate = result.EndDate;
                evt.IsAllDay = result.IsAllDay;
                evt.Notes = result.Notes;
    
                listEvent.Add(evt);
            }
    
            return listEvent;
        }
    Last edited by Daniil; May 30, 2012 at 9:07 PM. Reason: [CLOSED]
  2. #2
    Hi,

    Does it not show even Titles? Or just colored rectangular?

    Generally, there are three predefined groups 1-3.

    For all rest you should set up styles like this one:
    <style type="text/css">
        .ext-color-4,
        .ext-ie .ext-color-4-ad,
        .ext-opera .ext-color-4-ad {
            color: #7F0000;
        }
        .ext-cal-day-col .ext-color-4,
        .ext-dd-drag-proxy .ext-color-4,
        .ext-color-4-ad,
        .ext-color-4-ad .ext-cal-evm,
        .ext-color-4 .ext-cal-picker-icon,
        .ext-color-4-x dl,
        .ext-color-4-x .ext-cal-evb {
            background: #7F0000;
        }
        .ext-color-4-x .ext-cal-evb,
        .ext-color-4-x dl {
            border-color: #7C3939;
        }
    </style>
    in our example
    https://examples1.ext.net/#/Calendar/Overview/Basic/
  3. #3
    Hi Daniil,

    That´s what I was waiting...

    I put the code css and works.

    Thanks a lot!

    Oliver

Similar Threads

  1. Calendar GroupStore
    By mkkalkan in forum 1.x Help
    Replies: 0
    Last Post: Oct 14, 2011, 11:32 AM
  2. GroupStore
    By Yannis in forum 1.x Help
    Replies: 6
    Last Post: Feb 02, 2011, 1:49 PM
  3. [CLOSED] CalendarPanel.GroupStore and CalendarId
    By pil0t in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Oct 21, 2010, 3:35 PM
  4. [CLOSED] CalendarPanel Reminders and GroupStore
    By Suntico in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Oct 14, 2010, 7:53 PM
  5. [CLOSED] [1.0] Problem with Calendar
    By juane66 in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Oct 07, 2010, 1:36 PM

Posting Permissions