1

我在我的主干应用程序上使用剑道 ui 网格。我用了这个代码。

https://github.com/telerik/kendo-backbone

但我在萤火虫上有这个错误。

invalid 'instanceof' operand backboneModel
if (!(model instanceof backboneModel)) {

我有这个代码。

购物车列表视图.js

define([
  'jquery',
  'underscore',
  'backbone',
  'kendo',
  'model/cart_model',
  'model/invoice_model',
  'model/input_model',
  'collection/cart_collection',
  'collection/invoice_detail_collection',
  'collection/invoice_collection',
  'text!templates/cart/cartlist.html'
 ], function($, _, Backbone, kendoGrid, Cart, Invoice, Input, CartCollection, InvoiceDetailCollection, InvoiceCollection, CartListTemplate){

var Model = kendo.data.Model,
    ObservableArray = kendo.data.ObservableArray;

function wrapBackboneModel(backboneModel, fields) {
    return Model.define({
        fields: fields,
        init: function(model) {
            if (!(model instanceof backboneModel)) {
                model = new backboneModel(model);
            }

            Model.fn.init.call(this, model.toJSON());
            this.backbone = model;
        },
        set: function(field, value) {
            Model.fn.set.call(this, field, value);

            this.backbone.set(field, value);
        }
    });
}

function wrapBackboneCollection(model) {
    return ObservableArray.extend( {
        init: function(collection) {
            ObservableArray.fn.init.call(this, collection.models, model);

            this.collection = collection;
        },

        splice: function(index, howMany) {
            var itemsToInsert, removedItemx, idx, length;

            itemsToInsert = Array.prototype.slice.call(arguments, 2);

            removedItems = kendo.data.ObservableArray.fn.splice.apply(this, arguments);

            if (removedItems.length) {
                for (idx = 0, length = removedItems.length; idx < length; idx++) {
                    this.collection.remove(removedItems[idx].backbone);
                }
            }

            if (itemsToInsert.length) {
                for (idx = 0, length = itemsToInsert.length; idx < length; idx++) {
                    this.collection.unshift(itemsToInsert[idx].backbone);
                }
            }

            return removedItems;
        }
    });
}

kendobackboneCollection = wrapBackboneCollection;
kendobackboneModel = wrapBackboneModel;

   var CartListView = Backbone.View.extend({
   el: $("#cartContainer"),
   events:{
    "click .k-grid-save-changes"  : "save"
   },
   initialize: function(){
   CartCollection.bind("add", this.render, this);
   CartCollection.bind("change:QuantityOrdered", this.render, this);
   CartCollection.bind("change:ExtPriceRate", this.render, this);
},
render: function(){
  $("#cartContainer").html(CartListTemplate);
  var CartWrapper = kendobackboneModel(cart, {
     ItemCode: { type: "string" },
     ItemDescription: { type: "string" },
     RetailPrice: { type: "string" },
     Qty: { type: "string" },
  });
  var CartCollectionWrapper = kendobackboneCollection(CartWrapper);
  this.$("#grid").kendoGrid({
    editable: true,
    toolbar: [{ name: "save", text: "Complete" }],
    columns: [
        {field: "ItemDescription", title: "ItemDescription"},
        {field: "QuantityOrdered", title: "Qty",width:80},
        {field: "SalesPriceRate", title: "UnitPrice"},
        {field: "ExtPriceRate", title: "ExtPrice"}
    ],
    dataSource: {
      schema: {model: CartWrapper},
      data: new CartCollectionWrapper(cartcollection),
     }
  });

},
save: function(){
    var input = new Input();
    var invoicecollection = new InvoiceCollection();
    var invoicedetail = new InvoiceDetailCollection();
    _.each(cartcollection.models, function(cart){
        invoicedetail.add( cart );
    });
    input.set({ "Invoices": invoicecollection.toJSON() });
    input.set({ "InvoiceDetails": invoicedetail });

    if( invoicedetail.length === 0){ 
        alert("Shopping Cart is Empty"); 
    }else{
        alert(JSON.stringify(input));
        input.save(input, {success: function(model, result){
            var InvoiceCode = result.InvoiceCode;
            alert("Transaction Complete., Invoice code:"+InvoiceCode);
        }});
        cartcollection.reset();
        invoicedetail.reset();
        this.render();
    }

}
 });
return new CartListView;
});

我的购物车收藏

define([
'underscore',
'backbone',
'model/cart_model'
],function(_, Backbone, Cart){
var CartCollection = Backbone.Collection.extend({
    model: Cart,
  initialize: function(){

  }
});
return CartCollection;
});
4

2 回答 2

0

我不知道它是否对你有帮助，但试试这个

if (!(model instanceof backboneModel)) { model = new backboneModel(model); }

写这个

if (!model instanceof kendo.data.Model) { model = new backboneModel(model); }

UDP：

基本上instanceof将对象与其类进行比较.. is OBJECT instance of CLASS..您的错误是您将对象与对象进行比较。

于 2012-04-03T04:43:39.340 回答
0

出现问题是因为backboneModel 未定义。检查此代码：

var CartWrapper = kendobackboneModel(cart,

我在您的文件中的任何地方都没有看到cart定义。你可能需要Cart.

于 2012-04-07T07:37:18.000 回答