Results 1 to 2 of 2

Thread: Set a TabPanel title, from a created Model

  1. #1
    Sencha User
    Join Date
    Apr 2013
    Posts
    3
    Vote Rating
    0
      0  

    Default 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 - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,556
    Answers
    3932
    Vote Rating
    1272
      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 @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it! Checkout the CODE tag!

    Check out my GitHub, lots of nice things for Ext JS and Sencha Touch
    https://github.com/mitchellsimoens

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •