Threaded View

  1. #1
    Sencha User cyberwombat's Avatar
    Join Date
    Oct 2011
    Posts
    237
    Answers
    6
    Vote Rating
    2
    cyberwombat is on a distinguished road

      0  

    Default Answered: Mixing tpl and items

    Answered: Mixing tpl and items


    I have a list detail view which works fine - it has a tpl and no items. I would like to add other components so I added an items array but now the tpl no longer shows. I have tried keeping the tpl in the main config and also adding it as a component to no avail (how does the data know where the appropriate tpl is located btw?) - I guess ideally I would like to be able to inject my list data anywhere on the page - i..e above and below and in between items. How is this done?

    Code:
    Ext.define("App.view.ListDetail", {
        extend: "Ext.Container",
        record: undefined,
        config: {
            layout: 'vbox',
            style: "padding: 5px;",
            scrollable: true,
            //  tpl: ["<div>", "name<br />verified star<br />avatar pic", "</div>"].join(""), // this works fine if I have no items array
    
    
            //adding this causes above tpl to no longer render
            items: [
            {
                xtype: 'component',
                tpl: ["<div>", "name<br />verified star<br />avatar pic", "</div>"].join(""),  //this does nothing
            },
            {
                xtype: 'panel',
                //more stuff here
                  
            },
            ] 
        }
    });

  2. Add an updateData method to your parent view, and then use that to update the child view.

    Code:
    updateData: function(newData, oldData) {
      this.down('component').setData(newData);
    }
    That method will get called anytime the data config is changed in your view.

Thread Participants: 2

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar