Блог

Я новичок Backbone.js . Я использую конструктор коллекции для передачи данных и отображения в view ( var salecollection = new SaleCollection([{QuotationID: 2,QuotationNumber:'222'},{QuotationID:3,QuotationNumber:'333'}]); ).

И теперь я хочу отображать данные из localStorage , а не брать данные из конструктора коллекции.

Данные localStorage устанавливаются другой функцией, а не методом магистрали. С помощью ( window.localStorage.setItem ).

Любая идея, пример были бы признательны. Спасибо.

SaleView.js

 define(["jquery" ,
   "underscore" ,
   "backbone" ,
   "models/SaleModel",
   "text!templates/Quotation/saleTemplate.html",
   "collections/SaleCollection"
],function($ , _ , Backbone , saleModel,saleTemplate, SaleCollection){
    var saleView = Backbone.View.extend({
      initialize: function() {
        this.render();
      },
      tagName: '<tr>',
      render: function(){
        var sale = _.template(saleTemplate);
        this.$el.html(sale((this.model.toJSON())));
      }
    });
    return saleView;
});
 

SaleCollectionView.js

 define(["jquery" ,
        "underscore" ,
        "backbone",
        "views/Sale",
        "collections/SaleCollection",
        "models/SaleModel",
],function($, _, Backbone, SaleView, SaleCollection, SaleModel){
    var saleCollectionView = Backbone.View.extend({
      tagName: 'table',
      render: function(){
        this.collection.each(function(sale){
            var saleView = new SaleView({ model: sale });
            this.$el.append(saleView.el);
        }, this);
      }
    });
    return saleCollectionView;
});
 

SaleModel.js

 define(["underscore" , "backbone"],function(_ , Backbone){
  var saleModel = Backbone.Model.extend({
    defaults : {
        QuotationID  : "1",
        QuotationNumber : "111"
    }
  });
  return saleModel;
});
 

SaleCollection.js

 define(["underscore",
  "backbone",
  "models/SaleModel"
],function(_, Backbone,saleModel){
  var saleCollection = Backbone.Collection.extend({
    model : saleModel,
    url: "http://localhost:/Website"
  });
  return saleCollection;
});
 

CustomerView.js

 define(["jquery" ,
  "underscore" ,
  "backbone",
  "text!templates/Customer/customerTemplate.html",
  "text!templates/Quotation/saleTemplate.html",
  "views/Customer/SaleCollectionView",
  "collections/SaleCollection",
  "views/Customer/SaleView",
  "models/SaleModel"
],function($, _, Backbone, WebConfig, CustomerProfile, Sale, SaleCollectionView, SaleCollection, SaleView, SaleModel){
var CustomerView = Backbone.View.extend({
    initialize: function() {
    },
    el : "#container",
    events : {
        'click #saleTab' : 'sale',
    },
    'sale' : function(){
        var salemodel = new SaleModel();
        var saleview = new SaleView({model : salemodel});

        var salecollection = new SaleCollection([{QuotationID: 2,QuotationNumber:'222'},{QuotationID:3,QuotationNumber:'333'}]);
        var salecollectionview = new SaleCollectionView({ collection: salecollection},{el:'#saleTabDiv'});

        salecollectionview.render();
        $('.containerHis').append(salecollectionview.el);
    }
    render: function(){
        var customerProfile = _.template(CustomerProfile);
        $(this.el).html(customerProfile);
    }
  });
  return CustomerView;
});
 

saleTemplate.html

 <td><%= QuotationID %></td>
<td><%= QuotationNumber %></td>
 

Вы можете создавать магистральные модели / коллекции из любого источника данных. Вот пример из localStorage:

 var Book = Backbone.Collection.extend();

var Library = Backbone.Collection.extend({
  model: Book
});

var model = new Book(JSON.parse(localStorage.getItem('book')));
var collection = new Library(JSON.parse(localStorage.getItem('books')));
 

Чтобы сохранить в localStorage, вы могли бы сделать это следующим образом:

 localStorage.setItem('book', JSON.stringify(Book.toJSON()));
localStorage.setItem('books', JSON.stringify(Library.toJSON()));
 

Надеюсь, это поможет.

Хотя я не совсем понимаю, каковы ваши точные ожидания. Но я предположил следующим образом.

1. Вы создали коллекцию, в которой хотите сохранить текущую / текущую коллекцию в переменной localStorage. (или) Вы хотели сохранить текущие / текущие данные коллекции в localStorage перед отправкой их на сервер с помощью функции sync().
2. Вы сохранили коллекцию с помощью window.localStorage.setItem … следующим образом

    var bookModel = Backbone.Model.extend({});
   var bookCollection = Backbone.Collection.extend({
   
   // Your rest of the functions goes here...
   sync: function(method, collection, options)
   {
     switch(method)
     {
        case 'create': window.localStorage.setItem('myCurrentCollection' , JSON.stringify(collection));
                      break;
        case 'update': window.localStorage.setItem('myCurrentCollection' , JSON.stringify(collection));
                      break;    
      }
   
   }
   
   });
    

3. Теперь в определенном представлении вы хотите получить и отобразить значение localStorage.

            <% var collectionValue = window.localStorage.getItem('myCurrentCollection');
            _.each(collectionValue.toJSON(), function(data){  %>
            <td> <% = data.Id %> </td>
            <td> <% = data.name %> </td> 
            <%});%>
   
            //your parse and show code goes here...
    

Надеюсь, это поможет вам, если мое предположение верно.