ajax – 如何使用MarionetteJS来使用Api调用.

发布时间：2020-12-16 02:51:43 所属栏目：百科来源：网络整理

导读：你如何只在Marionette.js中使用你想要的API调用部分使用以下代码： / messages返回JSON： messages.foomessages.readmessages.friendmessages.following 如何使用基于一次提取的Marionette View模型为3个不同区域创建三个不同的视图. (在一个视图中读取/未

你如何只在Marionette.js中使用你想要的API调用部分
使用以下代码：

/ messages返回JSON：

messages.foo
messages.read
messages.friend
messages.following

如何使用基于一次提取的Marionette View模型为3个不同区域创建三个不同的视图. (在一个视图中读取/未读取会很不错)

var MessageModel = Backbone.Model.extend({
        urlRoot: '/messages',});

    var MessageCollection = Backbone.Collection.extend({
        url: '/messages',model: MessageModel,});

    var messages = new MessageCollection();
    messages.fetch();

解决方法

所以我认为你想要的是一个控制器.控制器可以充当您的视图和实体(即模型和集合)之间的中间人.

您不必直接调用视图,而是调用获取实体的控制器,完成后实例化相应的视图.

这是一个例子：

var MyView = Marionette.View.extend({
  // ... view options
});

var MyCollection = Backbone.Collection.extend({
  // ... 
});

var MyController = Marionette.Controller.extend({
  initialize: function(options) {
    var self = this;

    this.entity = options.entity;
    this.region = options.region; 

    this.entity.fetch({
        success: function() {
            self.showBaseView();
        }
    });
  },getBaseView: function() {
    return new MyView({ collection: this.entity });
  },showBaseView: function() {
    this.region.show(this.getBaseView());
  }

});


var controller = new MyController({
  entity: new MyCollection(),region: App.mainRegion
});

虽然这只使用一个视图和一个区域,但您可以配置此项,但您需要依赖于您的应用.它的原理是Controller充当入口点,处理使用一个实体渲染多个视图/区域所需的所有依赖项.

你可以在这里看到一个非常简单的例子：https://github.com/tnbKristi/kristi-yo/blob/master/app/scripts/modules/home/components/skills/skills-controller.js

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!