Question

我刚刚对Ember不熟悉并且确定这是一个简单的问题，但无法找到实现我想要的最佳方式。方案如下：

App.Router = Ember.Router.extend({
root: Ember.Route.extend({
    home: Ember.Route.extend({
        route: '/',
        connectOutlets: function(router) {
            router.get('applicationController').connectOutlet('home');
            router.get('homeController').connectOutlet('menu', 'menu', App.Channels.find());
            router.get('homeController').connectOutlet('video_overview', 'videoOverview', App.Featured.find());
        }
    })
})

App.Featured = Ember.Object.extend();

App.Featured.reopenClass({
find: function() {
    setRequestUrl('featured');
    establishSecureConnection();
    $.ajaxQueue({
        type: "GET",
        url: connect.url,
        data: "",
        dataType: 'jsonp',
        jsonp: false,
        jsonpCallback: "fjsonp",
        cache: true,
        context: this,
        success: function(response){
            this.findOne(response[0].mediaId); // get the first featured object and retrieve details
            //
            console.log('Featured Video:');
            console.log(response);
        }
    });
},
findOne: function(item) {
    var featuredVideo = App.Featured.create({});
    setRequestUrl('media/'+item);
    establishSecureConnection();
    $.ajaxQueue({
        type: "GET",
        url: connect.url,
        data: "",
        dataType: 'jsonp',
        jsonp: false,
        jsonpCallback: "fjsonp",
        cache: true,
        context: featuredVideo,
        success: function(response){
            this.setProperties(response);
            //
            console.log('Featured Video details:');
            console.log(response);
        }
    });
    return featuredVideo;
}

因此，在执行应用时，Router将插座video_overview与从App.Featured.find()检索到的内容相连接，我可以在浏览器日志中看到响应，但值永远不会到达模板。

我猜这与我在App.Featured上执行的'double'请求相关（首先是find（）然后是findOne（））所以当我返回值为featuredVideo时不是被通知。

非常感谢你的时间。

Answer 1

App.Featured.find似乎确实返回了任何内容。我想你必须返回findOne的结果，不是吗？

Answer 2

再次大家，最后，我正在搞乱并采取sly7_7建议并开始工作！

这是我取得的成就，但如果有人能够详细解释，Ember的行为将会受到赞赏。

App.Featured = Ember.Object.extend();
App.Featured.reopenClass({
find: function(singleItem) {
    if (singleItem){
        console.log('Returning the single item...');
        console.log(singleItem);
        //
        featuredContent.setProperties(singleItem);
    } else {
        setRequestUrl('featured');
        establishSecureConnection();
        $.ajaxQueue({
            type: "GET",
            url: connect.url,
            data: "",
            dataType: 'jsonp',
            jsonp: false,
            jsonpCallback: "fjsonp",
            cache: true,
            context: featuredContent,
            success: function(response){
                this.setProperties(App.Featured.findOne(response[0].mediaId)); // this.setProperties({'category':'hey arrives here success'});
                //
                console.log('Featured Video:');
                console.log(response);
            }
        });
    }
    return featuredContent;
},
findOne: function(item) {
    setRequestUrl('media/'+item);
    establishSecureConnection();
    $.ajaxQueue({
        type: "GET",
        url: connect.url,
        data: "",
        dataType: 'jsonp',
        jsonp: false,
        jsonpCallback: "fjsonp",
        cache: true,
        context: this,
        success: function(response){
            console.log('Featured Video content:');
            console.log(response);
            //
            this.find(response);
        }
    });
}

}）;

var featuredContent = App.Featured.create({});

然后模板接收对featuresContent对象所做的更改。

Ember初学者：带有ajax的路由器和插座

2 个答案: