Question

我是backbone.js的新手我试图从骨干结果中获取列表。这是我的代码： -

型号： -

  public class Company12
  {
    public List<Company1> GetCompanies { get; set; }
    public int Page { get; set; }
  }

我的.js文件

$(function () {


window.Company = Backbone.Model.extend({
    defaults: function () {
        return {
            order: Companies.nextOrder()
        };
    }
});

window.CompanyList = Backbone.Collection.extend({

    // Reference to this collection's model.
    model: Company,
    url: function () {
        var s = "api/Companies"
        return s;
    },
    nextOrder: function () {
        if (!this.length) return 1;
        return this.last().get('order') + 1;
    }


});

// Create our global collection of **Todos**.
window.Companies = new CompanyList;


// Todo Item View
// --------------

// The DOM element for a todo item...
window.CompaniesView = Backbone.View.extend({

    //... is a list tag.
    tagName: "li",

    // Cache the template function for a single item.
    template: _.template($('#item-template').html()),

    // The DOM events specific to an item.
    events: {


    },

    // The TodoView listens for changes to its model, re-rendering.
    initialize: function () {
        this.model.bind('change', this.render, this);
        this.model.bind('destroy', this.remove, this);
    },

    // Re-render the contents of the todo item.
    render: function () {
        $(this.el).html(this.template(this.model.toJSON()));
        this.setText();
        return this;
    },

    // To avoid XSS (not that it would be harmful in this particular app),
    // we use `jQuery.text` to set the contents of the todo item.
    setText: function () {
        var text = this.model.get('text');

        this.$('.name-text').text(text);
    }
});

// The Application
// ---------------

// Our overall **AppView** is the top-level piece of UI.
window.AppView = Backbone.View.extend({
    // Instead of generating a new element, bind to the existing skeleton of
    // the App already present in the HTML.
    el: $("#companiesRoot"),
    // At initialization we bind to the relevant events on the `Todos`
    // collection, when items are added or changed. Kick things off by
    // loading any preexisting todos that might be saved in *localStorage*.
    initialize: function () {
        this.input = this.$("#new-todo");
        Companies.bind('add', this.addOne, this);
        Companies.bind('reset', this.addAll, this);
        Companies.bind('all', this.render, this);
    },

    // Add a single todo item to the list by creating a view for it, and
    // appending its element to the `<ul>`.
    addOne: function (company) {
        var view = new CompaniesView({ model: company });
        this.$("#company-list").append(view.render().el);
    },

    // Add all items in the **Todos** collection at once.
    addAll: function () {
        Companies.each(function (p, s) {
            alert(JSON.stringify(p));

        });
        Companies.each(this.addOne);
    }

 });
 // Finally, we kick things off by creating the **App**.
 window.App = new AppView;

}）;

在Addall功能中我得到： -

{"order":1,"GetCompanies":[{"id":21,"text":"Testing Company","done":false,"order":3},{"id":10,"text":"WebTech Solution","done":false,"order":3},{"id":5,"text":"Software Solution","done":false,"order":3}],"Page":0}

这个结果如何获取所有GetCompanies。请提前帮助谢谢。

Answer 1

当你提取一个集合时，你应该返回一个列表，当你返回一个带有列表的JSON时。所以你有2个解决方案：

修改响应服务器端：仅发送GetCompanies部分。
修改响应客户端（使用Collection#parse）。

所以你的收藏中有这样的东西：

parse: function(response) {
  return response.GetCompanies;
}

Backbone将遍历您返回的内容中的值，并使用这些值创建Company（因为您将其定义为集合的模型）。

从Backbone.js结果获取列表

1 个答案: