i do not want allow enter text at calendar field in add event pop up?

[i3class]

i Have requirement
i do not want allow enter text at calendar field in add event pop up of scheduler.
please give reply ASAP.

Note: Screen attached.

[Daniil]

Hi,

Please try:

<ext:EventEditWindow 
    ID="EventEditWindow1" 
    runat="server" 
    Hidden="true" 
    GroupStoreID="GroupStore1">
    <Listeners>
        <Render Handler="var calendarItem = this.formPanel.get('calendar');
                         calendarItem.editable = false;" />
    </Listeners>
</ext:EventEditWindow>

[i3class]

here i am pasting my aspx code.

 <ext:ResourceManager runat="server" IDMode="Explicit" InitScriptMode="Linked" RemoveViewState="true"
        Namespace="i3Class" />
    <ext:Viewport runat="server" Layout="Border">
        <Items>
            <ext:Panel runat="server" Height="35" Border="false" Region="North" Cls="app-header"
                BodyCssClass="app-header-content" BodyStyle="background-color:#F0F4FB">
                <Content>
                    <%--<div id="app-logo">
                        <div class="logo-top">
                            &nbsp;</div>
                        <div id="logo-body">
                            &nbsp;</div>
                        <div class="logo-bottom">
                            &nbsp;</div>
                    </div>--%>
               
                    <h1 style="padding-left:5px " >
                        My Calendar</h1>
                    <span id="app-msg" class="x-hidden"></span>
                </Content>
            </ext:Panel>
            <ext:Panel ID="Panel1" runat="server" Title="..." Layout="Border" Region="Center"
                AutoScroll="true" SyncHeights="true" BodyStyle="background-color: transparent;"
                Cls="app-center">
                <Items>
                
                    <ext:Panel 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="i3Class.setStartDate" Scope="i3Class" />
                                </Listeners>
                            </ext:DatePicker>
                        </Items>
                        <TopBar>
                            <ext:Toolbar runat="server">
                                <Items>
                                    <ext:Button ID="Button1" Hidden="true" runat="server" Text="Save All Events" Icon="Disk"
                                        OnClientClick="i3Class.record.saveAll();" />
                                </Items>
                            </ext:Toolbar>
                        </TopBar>
                    </ext:Panel>
                    <ext:CalendarPanel ID="CalendarPanel1" runat="server" Region="Center" ActiveIndex="2"
                        Border="false">
                        <%--<EventStore ID="EventStore1" runat="server" />--%>
                        <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 runat="server" ShowHeader="true" ShowWeekLinks="true" ShowWeekNumbers="true" />
                        <Listeners>
                            <ViewChange Fn="i3Class.viewChange" Scope="i3Class" />
                            <EventClick Fn="i3Class.record.show" Scope="i3Class" />
                            <DayClick Fn="i3Class.dayClick" Scope="i3Class" />
                            <RangeSelect Fn="i3Class.rangeSelect" Scope="i3Class" />
                            <EventMove Fn="i3Class.record.move" Scope="i3Class" />
                            <EventResize Fn="i3Class.record.resize" Scope="i3Class" />
                            <EventUpdate Fn="i3Class.record.update" Scope="i3Class" />
                            <EventDelete Fn="i3Class.record.remove" Scope="i3Class" />
                        </Listeners>
                    </ext:CalendarPanel>
                </Items>
            </ext:Panel>
        </Items>
    </ext:Viewport>
    <ext:EventEditWindow ID="EventEditWindow1" runat="server" Hidden="true" GroupStoreID="GroupStore1">
        <Listeners>
            <EventAdd Fn="i3Class.record.add" Scope="i3Class" />
            <EventUpdate Fn="i3Class.record.update" Scope="i3Class" />
            <EditDetails Fn="i3Class.record.edit" Scope="i3Class" />
            <EventDelete Fn="i3Class.record.remove" Scope="i3Class" />
            <Render Handler="                              
                               this.get(0).get(1).on('render', function () {
                                   this.allDay.hide(true);
                                   this.startDate.setEditable(false);
                                   this.startTime.setEditable(false);
                                   this.endDate.setEditable(false);
                                   this.endTime.setEditable(false); 
                             });
                             
                             " />
        </Listeners>
    </ext:EventEditWindow>

by observing the above please give me suggestion ASAP.

Hi,

Please try:

<ext:EventEditWindow 
    ID="EventEditWindow1" 
    runat="server" 
    Hidden="true" 
    GroupStoreID="GroupStore1">
    <Listeners>
        <Render Handler="var calendarItem = this.formPanel.get('calendar');
                         calendarItem.editable = false;" />
    </Listeners>
</ext:EventEditWindow>

[Daniil]

Please wrap the code in [CODE ] tags.
Forum Guidelines For Posting New Topics

Please use the "Edit Post" button to avoid creating a new post.

[thota]

In render handler add the following function to solve this problem

<Render Handler="                              
                               this.get(0).get(1).on('render', function () {
                                   this.allDay.hide(true);
                                   this.startDate.setEditable(false);
                                   this.startTime.setEditable(false);
                                   this.endDate.setEditable(false);
                                   this.endTime.setEditable(false);
                                   
                             });
                             this.get(0).get(2).on('render', function () {
                              this.setEditable(false);
                              });
                             " />

thanks
thota