Grid panel column header localization

  1. #1

    Grid panel column header localization

    Hi,

    Is it possible to localize grid panel's column header? I could not find header properties after generating local resource file. Is there any suitable example to pursue my requirement?

    Thanks in advance
  2. #2
    Hi,

    You can add respective keys manually.

    Here is an example for global resources.
    App_GlobalResources -> Resource.resx
    
    <ext:Column Header="<%$ Resources: Resource, Header1 %>" DataIndex="test1" />
  3. #3
    Hi Daniil,

    Thanks a lot for your response. But I should have informed you before that in my application im using local resource files. Sorry for the mistake. Any example on that? I tried adding meta:resource key for headers but it seems not to be locating the resource.
  4. #4
    Quote Originally Posted by reezvi View Post
    Hi Daniil,

    Thanks a lot for your response. But I should have informed you before that in my application im using local resource files. Sorry for the mistake. Any example on that? I tried adding meta:resource key for headers but it seems not to be locating the resource.
    It's better I post my sample code so you can take a review. Appologies if my mistakes are too silly and novice. Thanks :)

    Note: snapshot of .resx file is given attached.

    
    <%@ Page Title="" Language="C#" MasterPageFile="~/MasterPages/Site.Master" 
    AutoEventWireup="true" CodeBehind="GridTest.aspx.cs" Inherits="AMMS.Web.Pages.Admin.ApplicationSettings.GridTest" 
    culture="auto" meta:resourcekey="PageResource1" uiculture="auto" %>
    
    <%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
      
    <script runat="server"> 
          
    #region Event Handlers and Listeners 
      
        protected void Page_Load(object sender, EventArgs e) 
        { 
            if (!X.IsAjaxRequest) 
            { 
                BindGridCountry(); 
            } 
        } 
      
        /// <summary> 
        ///  
        /// </summary> 
        /// <param name="sender"></param> 
        /// <param name="e"></param> 
        protected void GridData_Refresh(object sender, StoreRefreshDataEventArgs e) 
        { 
            BindGridCountry(); 
        } 
      
        /// <summary> 
        /// Update Event method. Initially declared for updating edited records 
        /// </summary> 
        /// <param name="sender"></param> 
        /// <param name="e"></param> 
        protected void UpdateEvent(object sender, DirectEventArgs e) 
        { 
      
        } 
      
        #region Grid Handlers 
      
        protected void storeGrdCountry_BeforeChanged(object sender, BeforeStoreChangedEventArgs e) 
        { 
      
        } 
      
        //This handler will be calling for each inserted record 
        protected void storeGrdCountry_BeforeInserted(object sender, BeforeRecordInsertedEventArgs e) 
        { 
      
        } 
      
        //This handler will be calling for each changed record 
        protected void storeGrdCountry_BeforeUpdated(object sender, BeforeRecordUpdatedEventArgs e) 
        { 
      
        } 
      
        //This handler will be calling for each deleted record 
        protected void storeGrdCountry_BeforeDeleted(object sender, BeforeRecordDeletedEventArgs e) 
        { 
      
        } 
      
        protected void storeGrdCountry_AfterChanged(object sender, AfterStoreChangedEventArgs e) 
        { 
      
        } 
      
        protected void Response_Redirect(object sender, DirectEventArgs e) 
        { 
      
        } 
      
        #endregion 
      
        #endregion 
      
        #region Private Methods 
      
        /// <summary> 
        /// Private method to bind grid data 
        /// </summary> 
        private void BindGridCountry() 
        { 
            var store = this.grdCountry.GetStore(); 
      
            store.DataSource = LoadGridData(); 
            store.DataBind(); 
        } 
      
        private IList<Object> LoadGridData() 
        { 
            return new List<object> 
                { 
                    new {  
                        CountryCode = "AA",  
                        CountryName = "Country A",  
                        CountryCode_BN = "AA bn",  
                        CountryName_BN = "Country A bn",  
                    }, 
                    new {  
                        CountryCode = "BB",  
                        CountryName = "Country B",  
                        CountryCode_BN = "BB bn",  
                        CountryName_BN = "Country B bn",  
                    } 
                }; 
        } 
      
        #endregion 
          
    </script> 
      
    <asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server"> 
    </asp:Content> 
    <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
        <ext:ResourceManager ID="ResourceManager1" runat="server" LicenseKey="" Locale="en-US"
            StopIDModeInheritance="False"  /> 
        <div> 
      
            <ext:Panel ID="pnlCountry" runat="server" Title="Country Info" Height="600px" Layout="BorderLayout"
                Header="False" DefaultPadding="5" DefaultCollapsible="false" DefaultSplit="true"
                meta:resourcekey="pnlCountryResource1" StopIDModeInheritance="False" 
                > 
                <Items> 
                    <ext:GridPanel ID="grdCountry" runat="server" AnchorHorizontal="100%" Height="400px"
                        Title="Country Info" Region="Center" meta:resourcekey="grdCountryResource1" StopIDModeInheritance="False"> 
                        <loadmask showmask="True" /> 
                        <savemask showmask="True" /> 
    <LoadMask ShowMask="True"></LoadMask>
    
    <SaveMask ShowMask="True"></SaveMask>
                        <SelectionModel> 
                            <ext:RowSelectionModel ID="RowSelectionModel1" SingleSelect="True" runat="server"
                                StopIDModeInheritance="False"> 
                            </ext:RowSelectionModel> 
                        </SelectionModel> 
                        <Store> 
                            <ext:Store ID="storeGrdCountry" runat="server" AutoSave="true" meta:resourcekey="storeGrdCountryResource1"
                                OnRefreshData="GridData_Refresh" SerializationMode="Simple" StopIDModeInheritance="False"
                                OnBeforeStoreChanged="storeGrdCountry_BeforeChanged" OnAfterStoreChanged="storeGrdCountry_AfterChanged"
                                OnBeforeRecordInserted="storeGrdCountry_BeforeInserted" OnBeforeRecordUpdated="storeGrdCountry_BeforeUpdated"
                                OnBeforeRecordDeleted="storeGrdCountry_BeforeDeleted"> 
                                <Reader> 
                                    <ext:JsonReader IDProperty="OID"> 
                                        <Fields> 
                                            <ext:RecordField Name="CountryCode" Mapping="CountryCode" Type="String" /> 
                                            <ext:RecordField Name="CountryName" Mapping="CountryName" Type="String" /> 
                                            <ext:RecordField Name="CountryCode_BN" Mapping="CountryCode_BN" Type="String" /> 
                                            <ext:RecordField Name="CountryName_BN" Mapping="CountryName_BN" Type="String" /> 
                                            <ext:RecordField Name="CreatedBy" Mapping="CreatedBy" /> 
                                            <ext:RecordField Name="CreatedDate" Mapping="CreatedDate" Type="Date" DateFormat="yyyy-MM-ddThh:mm:ss" /> 
                                            <ext:RecordField Name="ModifiedBy" Mapping="ModifiedBy" /> 
                                            <ext:RecordField Name="ModifiedDate" Mapping="ModifiedDate" Type="Date" DateFormat="yyyy-MM-ddThh:mm:ss" /> 
                                        </Fields> 
                                    </ext:JsonReader> 
                                </Reader> 
                            </ext:Store> 
                        </Store> 
                        <View> 
                            <ext:GridView ID="GridView1" runat="server" MarkDirty="False" meta:resourcekey="GridViewResource1"
                                StopIDModeInheritance="False"> 
                                <Templates> 
                                    <header visible="False" stopidmodeinheritance="False"></header> 
                                </Templates> 
                            </ext:GridView> 
                        </View> 
                        <columnmodel runat="server" stopidmodeinheritance="False"> 
                                    <Columns> 
                                        <ext:RowNumbererColumn /> 
                                        <ext:Column ColumnID="CountryCode" Header="<%$ Resources: GridTest, GridHeader1 %>" 
                                            DataIndex="CountryCode" Width="135px"  > 
                                            <Editor> 
                                                <ext:TextField runat="server" AllowBlank="true"
                                                    meta:resourcekey="TextFieldResource1" StopIDModeInheritance="False" /> 
                                            </Editor> 
                                        </ext:Column> 
                                        <ext:Column Header="Name (English)" DataIndex="CountryName" 
                                            Width="250px" > 
                                            <Editor> 
                                                <ext:TextField runat="server" AllowBlank="true"
                                                    meta:resourcekey="TextFieldResource2" StopIDModeInheritance="False" /> 
                                            </Editor> 
                                        </ext:Column> 
                                        <ext:Column Header="Country Code (Bengali)" DataIndex="CountryCode_BN" Width="135px"> 
                                            <Editor> 
                                                <ext:TextField runat="server" AllowBlank="true"
                                                    meta:resourcekey="TextFieldResource3" StopIDModeInheritance="False" /> 
                                            </Editor> 
                                        </ext:Column> 
                                        <ext:Column Header="Name (Bengali)" DataIndex="CountryName_BN" 
                                            Width="250px" > 
                                            <Editor> 
                                                <ext:TextField runat="server" AllowBlank="true" 
                                                    meta:resourcekey="TextFieldResource4" StopIDModeInheritance="False" /> 
                                            </Editor> 
                                        </ext:Column> 
                                    </Columns> 
                                </columnmodel> 
                        <bottombar> 
                                    <ext:PagingToolbar runat="server" PageSize="10" AutoRender="False" 
                                         DisplayInfo="True" meta:resourcekey="PagingToolbarResource1" StopIDModeInheritance="False" /> 
                                </bottombar> 
                        <topbar> 
                                    <ext:Toolbar runat="server" AutoRender="False"  
                                        meta:resourcekey="ToolbarResource2" StopIDModeInheritance="False"> 
                                        <Items> 
                                            <ext:Button runat="server" Text="Add New Country" Icon="Add" AutoRender="False" 
                                                 meta:resourcekey="ButtonResource3" 
                                                StopIDModeInheritance="False"> 
    
                                            </ext:Button> 
                                            <ext:Button runat="server" Text="Remove Country" Icon="Delete" AutoRender="False" 
                                                 meta:resourcekey="ButtonResource4" visible="false"
                                                StopIDModeInheritance="False"> 
                                                <Listeners>                                             
                                                    <Click Handler="#{grdCountry}.deleteSelected();"></Click> 
                                                </Listeners> 
                                            </ext:Button> 
                                        </Items> 
                                    </ext:Toolbar> 
                                </topbar> 
                        <plugins> 
                                <ext:RowEditor runat="server" SaveText="Update" Floating="false"
                                    meta:resourcekey="RowEditorResource1" StopIDModeInheritance="False"> 
                                </ext:RowEditor> 
                            </plugins> 
                    </ext:GridPanel> 
                </Items> 
            </ext:Panel> 
        </div> 
    </asp:Content>
    Attached Thumbnails Click image for larger version. 

Name:	resx.jpg 
Views:	228 
Size:	82.9 KB 
ID:	3054  
    Last edited by reezvi; Aug 05, 2011 at 4:56 PM.
  5. #5
    Implicit localization using local resources:
    Work.aspx.resx -> Column1.Header : Hello World!
    
    <ext:Column DataIndex="test1" meta:resourcekey="Column1" />
    Explicit localization using local resources:
    Work.aspx.resx -> Column1Header : Hello World!
    
    <ext:Column DataIndex="test1" Header="<%$ Resources: Column1Header %>" />
    See also
    http://msdn.microsoft.com/en-us/library/ms227427.aspx
  6. #6
    Understood and done. Daniil, thanks a lot man!

Similar Threads

  1. Replies: 1
    Last Post: Nov 24, 2011, 6:48 AM
  2. [CLOSED] Localization of grid column menus?
    By anup in forum 1.x Legacy Premium Help
    Replies: 6
    Last Post: Sep 28, 2011, 1:47 PM
  3. How to rotate a grid column header?
    By AmitM in forum 1.x Help
    Replies: 11
    Last Post: Jun 08, 2011, 2:29 PM
  4. Replies: 16
    Last Post: Feb 23, 2011, 10:03 AM
  5. [CLOSED] [1.0] Centralize Column Header Grid Panel
    By pdcase in forum 1.x Legacy Premium Help
    Replies: 3
    Last Post: Sep 01, 2010, 9:20 PM

Tags for this Thread

Posting Permissions