1. #1
    Sencha User
    Join Date
    Apr 2013
    Posts
    3
    Vote Rating
    0
    APPrentice is on a distinguished road

      0  

    Default Answered: Set a TabPanel title, from a created Model

    Answered: Set a TabPanel title, from a created Model


    Here is my model
    HTML Code:
    Ext.define('myApp.model.Language', {    
      extend: 'Ext.data.Model',    
      config: {        
        defaults: [{            
          type: 'string'        
        }],        
        fields: [{ 
          name: 'h_title'
        },
        { 
          name: 'h_tab'
      }]
    }});
    In app.js i create an intance of that model
    HTML Code:
    myApp.Lang = Ext.create('myApp.model.Language', {           
      h_title: 'MyTitle',            
      h_tab:   'Home'        
    });
    It works when i console.log(myApp.Lang.get('h_title')) i get "MyTitle"
    This is how i call up the home view
    HTML Code:
    // Initialize the main view        
    var test = Ext.create('myApp.view.Home');        
    Ext.Viewport.add(test);
    test.translate(); // maybe i can use a function to add the values to title and tabname
    Heres my Home.js
    HTML Code:
    Ext.define('myApp.view.Home', {    
      extend: 'Ext.TabPanel',    xtype:  'home',
      requires: ['Ext.TitleBar'],    
      config: {        
        tabBar: {
          docked: 'bottom',            
          layout: {                
            pack: 'center'            
          }        
        },        
        items: [
        {                
            title:   'empty',  // something like myApp.Lang.get('h_title');               
            iconCls: 'home',
            styleHtmlContent: true,                
            scrollable: true,
            items: {                    
              docked: 'top',
              xtype:  'titlebar',
              title:  'Climatix Web-App'                
            }]
        },    
          translate: function(){ //? How could i change the title ? }});
    Thanks in advance
    Last edited by APPrentice; 24 Apr 2013 at 11:46 PM. Reason: clean up the copy pasted code

  2. You may have to set the items within a method. Reason it doesn't work there is because the browser already eval'd the properties.

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,330
    Answers
    3541
    Vote Rating
    847
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    You may have to set the items within a method. Reason it doesn't work there is because the browser already eval'd the properties.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1

Tags for this Thread