Failed to find association/belongsto

[LarssaAndin]

I've started to use the sencha command for my now fairly big project (should have started earlier but hey, better late then never ;-)). I've created my all-classes.js using sencha app build
Anyway, I get issues with my models due to missing the BelongsTo and HasMany associations.
When load my app it tries to find the file http://localhost/association/belongsto.js.
I get the error [Ext.Loader] Failed loading 'association/belongsto.js', please verify that the file exists from all-classes.js

I created a simple example where I just add a model to the generated app using:
sencha generate app MyApp /path/to/MyApp

In Main.js I just add this line:

models: ['WebDialog']

And then create the file MyApp/app/model/Dialog.js.

Ext.define('MyApp.model.Dialog', {
    extend:'Ext.data.Model',
   // require: 'MyApp.model.Row', // Skipping require to avoid need of that file in this example code
    fields:[
        {name:'id', type:'int'}
    ],

    hasMany:{
        model:'MyApp.model.Row', // Row model doesn't exist, but that is not relevant for this issue
        name:'rows'
    }
});

Running sencha app build will result in an application that generates the following errors:
Uncaught Error: [Ext.Loader] Failed loading 'association/hasmany.js', please verify that the file exists all-classes.js:1
Uncaught Error: [Ext.Loader] Failed loading 'MyApp/model/Dialog.js', please verify that the file exists

Looking at the all-classes.js I see that it's correct that the hasmany code hasn't been added. I tried adding an explict requires in the app.js to just force the inclusion of this code and it is then added but it doesn't remove the problem.

What can I do to get around this problem?

Versions used:
ExtJS 4.1.2a
Sencha Command v3.0.0.190.

[l1ndroid]

+1

I have the same problem here. The behavior is the same with Sencha Cmd 3.0.0.201

[l1ndroid]

I found a workaround

I added the require directive in the index.html file

    <!-- <x-compile> -->
        <!-- <x-bootstrap> -->
            <script src="ext/ext.js"></script>
            <script src="bootstrap.js"></script>
        <!-- </x-bootstrap> -->
        <script type="text/javascript">
            //@require Ext.data.association.*
        </script>
        <script src="app/app.js"></script>
    <!-- </x-compile> -->

But I think this is a real bug that need to be fix.

[mitchellsimoens]

Your model should use the requires array to require the association it needs.

[l1ndroid]

Thanks It's working. I don't know why I did not figure this by myself....

[hsingh11]

Not working for me, what else could be ?
I had require in the model

  requires:['MyApp.model.MyList'],  
[
....
]
 hasMany  : [{model: 'MyApp.model.MyList', name: 'offices', autoload : true },

• [COLOR=red !important]Uncaught Error: [Ext.Loader] Failed loading 'Cars/model/MyList.js', please verify that the file exists all-classes.js:10092[/COLOR]

• [COLOR=red !important]Uncaught Error: [Ext.Loader] Failed loading 'association/belongsto.js', please verify that the file exists [/COLOR]

[l1ndroid]

I added the require that way

Ext.define('NL.model.TemplateChannel', {
    requires: ['Ext.data.association.BelongsTo'],
    extend: 'Ext.data.Model',
    fields: [
          ...
    ],
    associations: [{
        type: 'belongsTo',
        model: 'NL.model.AdminChannel'
    }]
});

Same thing for HasMany

[hsingh11]

Thanks for your Reply!!

I am getting compilation error when i changed it to associations

requires:['MyApp.model.MyBranchList','Ext.data.association.HasMany'],
----
  associations: [
     { type: 'hasMany', model: 'MyApp.model.MyBranchList', name: 'branches', autoload : true }
    ]

Please help!!

[hsingh11]

it works.it was a syntax errror
Now some other problem....let me take a look Thanks