problem with requiring files

[jeanluca]

Hello

When I run my app I get warnings like

[WARN][Anonymous] [Ext.Loader] Synchronously loading 'NS.view.template.SearchListItem'; consider adding NS.view.template.SearchListItem' explicitly as a require of the corresponding class

Here is how I've used the SearchListItem:

Ext.define('NS.view.ItemList',
{
    extend: 'Ext.dataview.List',

    requires: [ 'NS.view.template.SearchListItem'],

    config:
    {
        itemTpl: Ext.create('NS.view.template.SearchListItem'),
        ......
    }
});

The warning is only gone when I require the SearchListItem in app.js

Any suggestions ?

Cheers

[mitchellsimoens]

Ext.define('NS.view.ItemList',
{
    extend: 'Ext.dataview.List',

    requires: [ 'NS.view.template.SearchListItem'],

    config:
    {
        itemTpl: Ext.create('NS.view.template.SearchListItem'),
        ......
    }
});

Code in red is invalid, you should not create an instance on a config like that, only create instances within methods like (typing off top of my head):

Ext.define('NS.view.ItemList',
{
    extend: 'Ext.dataview.List',

    requires: [ 'NS.view.template.SearchListItem'],

    config:
    {
        itemTpl: true,
        ......
    },

    applyItemTpl : function(tpl, oldTpl) {
        if (tpl === true) {
            tpl = Ext.create('NS.view.template.SearchListItem');
        }

        return this.callParent([tpl, oldTpl]);
    }
});

[jeanluca]

ok, thanks a lot!

[jeanluca]

I can't get this to work in the following situation in which I create a new field type:

Ext.define('NS.view.field.CField', { 
          extend: 'Ext.field.Field',
          xtype: cfield',
          config: {
               component: {
                     xtype: 'panel',
                     tpl: 'NS.view.field.template.CfTpl'
               }
         },
         initialize: function() {
               this.callParent();
         },
         applyTpl: function(nv, ov) {
                this.getComponent().setTpl(Ext.create('NS.view.field.template.CfTpl') ;
         },
         .....

So, if create this component something like

{
     xtype: 'cfield',<br>
     tpl: true<br>
}

So, how can I set the tpl on the component ?

cheers