0

我正在尝试一个显示驱动器的基本应用程序,它的文件夹和文件(潜水 hasMany 文件夹 hasMany 文件)......当使用车把模板实现时,所有关系都加载得很好,但是当我手动创建控制器和视图时,我遇到了一些问题。我手动实例化视图的原因如下。一个要求是根据文件模型上的属性“类型”为文件对象加载不同的视图(可能还有控制器)(例如,图像文件应该有 App.ImageFileView 而视频应该有 App.VideoFileView)。另一个要求是路由仅适用于驱动器,因此不应有文件夹或文件路由。我面临的主要问题是与当前驱动器相关的文件夹加载正常。但是当我遍历一个文件夹以加载相关文件时,我总是得到一个空集,感谢任何帮助。所以我的问题是为什么在使用把手模板时会显示文件,而不是在手动实例化控制器和视图时显示文件?以及如何强制加载关系?

小提琴位于此处

App = Ember.Application.create({});

// routing
App.Router.map(function() {
    this.resource('drives',{path:'/'});
    this.resource('drive',{path:'/:drive_id'});
});
App.DrivesRoute = Ember.Route.extend({
  model: function() {
    return App.Drive.find();
  }
});
App.DriveRoute = Ember.Route.extend({
  model: function(params) {
    rval = App.Drive.find(params.drive_id);

    App.set('activeDrive',rval);
    return rval;
  },
  setupController : function(controller, model){
  debugger;
    var rController = App.DrivesController.create({content:model.get('folders')});
    rController.populate();
  }
});


// controllers
App.DrivesController = Ember.ArrayController.extend({
    populate : function(){
        var drives = this.content;
        debugger;
        drives.forEach(function(drive){
            var rc = App.DriveController.create({content:drive});

            rc.populate();
            var rv = App.DriveView.create({controller:rc});
            rv.prepare().append('#output');
        });
    }
})
App.DriveController = Ember.ObjectController.extend({
    populate:function(){
        console.log('There are '+this.content.get('files.length')+' files');
        this.content.get('files').forEach(function(file){
            // not reaching this point ... files.length is always 0
        });
    }
});


// views 

App.DriveView = Ember.View.extend({
    template : Ember.Handlebars.compile('{{content.name}}'),
    prepare:function(){
        return this;
    }
});

//Models

App.Store = DS.Store.extend({
  revision: 11,
  adapter: DS.FixtureAdapter.create({simulateRemoteResponse: false})
});
App.Drive = DS.Model.extend({
    title : DS.attr('string'),
    folders : DS.hasMany('App.Folder')
});
App.Folder = DS.Model.extend({
    name : DS.attr('string'),
    drive : DS.belongsTo('App.Drive'),
    files : DS.hasMany('App.File')
});
App.File = DS.Model.extend({
    content : DS.attr('string'),
    type : DS.attr('string'),
    folder : DS.belongsTo('App.Folder')
});

// Fixtures
App.Drive.FIXTURES = [
    {
        id:1,
        title : 'First Drive Title',
        folders : [11,12,13]
        },
    {
        id:2,
        title: 'Second Drive Title'
    },
    {
        id:3,
        title: 'Third Drive Title'
    }
];
App.Folder.FIXTURES = [
    {
        id:11,
        name:"Docs",
        files : [111,112]
    },
    {
        id:12,
        name:"Downloads"
    },
    {
        id:13,
        name:"Music"
    },
];
App.File.FIXTURES = [
    {
        id :111,
        content : 'first file content',
        type : 'Text',
        folder: 11
    },
    {
        id :112,
        content : 'second file content',
        type : 'Image',
        folder:11
    },

];
4

1 回答 1

0

嗯,我对固定装置了解不多,但是您的问题可能与widgets : [111,112]您的App.Folder.FIXTURES而不是您的问题有关files : [111,112]吗?此外,您的文件夹似乎没有任何驱动器 ID。不过,我不知道这些是否是明确必要的。

于 2013-03-28T13:53:25.120 回答