[CLOSED] ext:EventWindow: Localization

  1. #1

    [CLOSED] ext:EventWindow: Localization

    Hi!

    I wish localize to pt-BR the ext:EventWindow...

    Click image for larger version. 

Name:	Eventwindow.png 
Views:	217 
Size:	9.6 KB 
ID:	4106

    The fieldlabels are in english and the dates as formated in english format.
    Buttons text are in english too...

    Thanks for any help!
    Last edited by Daniil; Apr 16, 2012 at 8:42 PM. Reason: [CLOSED]
  2. #2
    Hi,

    It should be localized manually.

    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 v2 Example</title>
    
        <ext:ResourcePlaceHolder runat="server" Mode="ScriptFiles" />
    
        <%-- Localization --%>
        <script type="text/javascript">
            Ext.calendar.form.field.DateRange.override({
                toText     : "My to",
                allDayText : "My All day",
                dateFormat : "y-m-d",
                timeFormat : "H:i"
            });
    
            var onBeforeRender = function (win) {
                var titleItem = win.formPanel.getComponent('title'),
                    dateRangeItem = win.formPanel.getComponent('date-range'),
                    calendarItem = win.formPanel.getComponent('calendar'),
                    fbar = win.getDockedComponent(0);
    
                titleItem.fieldLabel = 'My Title';
                dateRangeItem.fieldLabel = 'My When';
                calendarItem.fieldLabel = 'My Calendar';
                   
                fbar.items.get(0).text = '<a href="#" id="tblink">My Edit Details...</a>';
                fbar.items.get(2).text = "My Save";
                fbar.items.get(3).text = "My Delete";
                fbar.items.get(4).text = "My Cancel";
            };
        </script>
        <%-- End of Localization --%>
    
        <script type="text/javascript">
            var CompanyX = {
                getWindow : function() {
                    return CompanyX.EventWindow1;
                },
    
                dayClick : function(cal, dt, allDay, el) {
                    this.record.show.call(this, cal, {
                        StartDate: dt,
                        IsAllDay: allDay
                    }, el);
                },
    
                record : {
                    show: function(cal, rec, el) {
                        CompanyX.getWindow().show(rec, el);
                    }
                }
            };
        </script>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" Namespace="CompanyX" />
            <ext:Viewport runat="server" Layout="FitLayout">
                <Items>
                    <ext:CalendarPanel ID="CalendarPanel1" runat="server">
                        <EventStore ID="EventStore1" runat="server">
                            <Events>
                                <ext:EventModel
                                    Title="My event" 
                                    StartDate="2011/10/13" 
                                    EndDate="2011/10/13" 
                                    CalendarId="1" />
                            </Events>
                        </EventStore>
                        <CalendarStore ID="CalendarStore1" runat="server">
                            <Calendars>
                                <ext:CalendarModel CalendarId="1" Title="Home" />
                                <ext:CalendarModel CalendarId="2" Title="Work" />
                                <ext:CalendarModel CalendarId="3" Title="School" />
                            </Calendars>
                        </CalendarStore>
                        <Listeners>
                            <DayClick Fn="CompanyX.dayClick" Scope="CompanyX" />
                            <EventClick  Fn="CompanyX.record.show" Scope="CompanyX" />
                        </Listeners>
                    </ext:CalendarPanel>
                </Items>
            </ext:Viewport>
            <ext:EventWindow 
                ID="EventWindow1" 
                runat="server" 
                Hidden="true" 
                CalendarStoreID="CalendarStore1"
                TitleTextAdd="TitleTextAdd"
                TitleTextEdit="TitleTextEdit">
                <Listeners>
                    <BeforeRender Fn="onBeforeRender" />
                </Listeners>
            </ext:EventWindow>
        </form>
    </body>
    </html>
  3. #3
    Hi Daniil!

    Thanks a lot... works very fine
  4. #4
    Hi,

    Thank you for your example but how can I localize toText and allDayText from resource files?

    Regards,
  5. #5
    Hi,

    Quote Originally Posted by bossun View Post
    Thank you for your example but how can I localize toText and allDayText from resource files?
    You can use <asp:Literal>.

    Example
    <%@ Page Language="C#" %>
     
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
     
    <!DOCTYPE html>
     
    <html>
    <head runat="server">
        <title>Ext.NET v2 Example</title>
     
        <%-- Localization --%>
        <script type="text/javascript">
            Ext.calendar.form.field.DateRange.override({
                toText     : <asp:Literal runat="server" Text="<%$ Resources:Resource1, ToText%>" />,
                allDayText : <asp:Literal runat="server" Text="<%$ Resources:Resource1, AllDayText%>" />,
                dateFormat : "y-m-d",
                timeFormat : "H:i"
            });
     
            var onBeforeRender = function (win) {
                var titleItem = win.formPanel.getComponent('title'),
                    dateRangeItem = win.formPanel.getComponent('date-range'),
                    calendarItem = win.formPanel.getComponent('calendar'),
                    fbar = win.getDockedComponent(0);
     
                titleItem.fieldLabel = 'My Title';
                dateRangeItem.fieldLabel = 'My When';
                calendarItem.fieldLabel = 'My Calendar';
                    
                fbar.items.get(0).text = '<a href="#" id="tblink">My Edit Details...</a>';
                fbar.items.get(2).text = "My Save";
                fbar.items.get(3).text = "My Delete";
                fbar.items.get(4).text = "My Cancel";
            };
        </script>
        <%-- End of Localization --%>
     
        <script type="text/javascript">
            var CompanyX = {
                getWindow : function() {
                    return CompanyX.EventWindow1;
                },
     
                dayClick : function(cal, dt, allDay, el) {
                    this.record.show.call(this, cal, {
                        StartDate: dt,
                        IsAllDay: allDay
                    }, el);
                },
     
                record : {
                    show: function(cal, rec, el) {
                        CompanyX.getWindow().show(rec, el);
                    }
                }
            };
        </script>
    </head>
    <body>
        <form runat="server">
            <ext:ResourceManager runat="server" Namespace="CompanyX" />
            <ext:Viewport runat="server" Layout="FitLayout">
                <Items>
                    <ext:CalendarPanel ID="CalendarPanel1" runat="server">
                        <EventStore ID="EventStore1" runat="server">
                            <Events>
                                <ext:EventModel
                                    Title="My event"
                                    StartDate="2011/10/13"
                                    EndDate="2011/10/13"
                                    CalendarId="1" />
                            </Events>
                        </EventStore>
                        <CalendarStore ID="CalendarStore1" runat="server">
                            <Calendars>
                                <ext:CalendarModel CalendarId="1" Title="Home" />
                                <ext:CalendarModel CalendarId="2" Title="Work" />
                                <ext:CalendarModel CalendarId="3" Title="School" />
                            </Calendars>
                        </CalendarStore>
                        <Listeners>
                            <DayClick Fn="CompanyX.dayClick" Scope="CompanyX" />
                            <EventClick  Fn="CompanyX.record.show" Scope="CompanyX" />
                        </Listeners>
                    </ext:CalendarPanel>
                </Items>
            </ext:Viewport>
    
            <ext:EventWindow
                ID="EventWindow1"
                runat="server"
                Hidden="true"
                CalendarStoreID="CalendarStore1"
                TitleTextAdd="TitleTextAdd"
                TitleTextEdit="TitleTextEdit">
                <Listeners>
                    <BeforeRender Fn="onBeforeRender" />
                </Listeners>
            </ext:EventWindow>
        </form>
    </body>
    </html>
    App_GlobalResources Resource1.resx
    AllDayText -> 'MyAll'
    ToText -> 'MyTo'

    Please note that quotes symbols are important to get it working.
  6. #6
    Also you can be interested in Calendar Pro. Here are some more details:
    http://forums.ext.net/showthread.php...ll=1#post84928

    It is much more powerful control than the built-in one. Including much more properties for localization.
  7. #7
    Quote Originally Posted by Daniil View Post
    Also you can be interested in Calendar Pro. Here are some more details:
    http://forums.ext.net/showthread.php...ll=1#post84928

    It is much more powerful control than the built-in one. Including much more properties for localization.
    Yes I'm interessed but what's its price? Can I see some examples how using it?
  8. #8
    Both answers are in the post I have referred.

    Quote Originally Posted by geoffrey.mcgill View Post
    The Ext.NET.CalendarPro (http://calendarpro.ext.net/) is also coming soon. Both Scheduler and CalendarPro are being converted to support Ext.NET 2.x.

    Pricing and licensing terms are yet to be determined, although will more than likely be similar to regular .js only versions of the products.

    If you are interested in purchasing now, please feel free to email me (geoff@object.net) and we can accomodate you before the official launch.
  9. #9

    EventDetailsForm :Localization

    [email]Hi@Daniil,please give a example for EventDetailsForm :Localization ,thanks!
  10. #10
    Sorry, it looks we don't have such an example.

Similar Threads

  1. [CLOSED] ext:EventWindow: All fields in window
    By supera in forum 2.x Legacy Premium Help
    Replies: 8
    Last Post: Aug 04, 2012, 10:38 AM
  2. Replies: 6
    Last Post: Apr 18, 2012, 12:00 PM
  3. Replies: 2
    Last Post: Apr 16, 2012, 6:51 PM
  4. [CLOSED] Ext.NET + MVC 3 + Localization
    By jlosi in forum 1.x Legacy Premium Help
    Replies: 2
    Last Post: May 18, 2011, 8:20 PM
  5. Localization
    By ahmadezzeir in forum 1.x Help
    Replies: 13
    Last Post: Dec 21, 2010, 10:19 AM

Tags for this Thread

Posting Permissions