Can someone help me in backbone.js

Question

User-873890331 posted

Hi All,

How to get model from server and display on view ?

I have already get the collection from server and displayed on view. Now I want to get details of single item when i pass Id to server. First I am getting collection and display in a grid. Now If someone clicks on gridview row then I passes id in url. I want to get Model by passing this Id. What I do to get Model. I am getting Error -  Uncaught TypeError: Cannot read property 'get' of undefined

************ Model start ************************

define([
  'jquery',
  'underscore',
  'backbone'
], function ($, _, Backbone) {
    var Order = Backbone.Model.extend({
        idAttribute: "ID",
    });
    return Order;
});

************* Model End **************************

*************** View Start ***********************

define([
  'jquery',
  'underscore',
  'backbone',
  'text!templates/orderDetails.html',
  'collections/OrderCollection',
  'collections/ItemCollection',
  'models/Orders',
], function ($, _, Backbone, orderDetails, OrderCollection, ItemCollection,Orders) {

    var ProfileView = Backbone.View.extend({
        el: $("#content"),
        render: function (Id) {
            this.Id = Id;
            var self = this;
            this.order = new Orders();
            this.order.fetch({
                url: 'GetOrderDetails',
                data: JSON.stringify({ orderId: window.Id }),
                success: function () {
                    self.renderList();
                },
                error: function (a, b, c) {
                    alert(a);
                }
            });
            
        },
        renderList: function () {

            var compiledTemplate = _.template(orderDetails, { Details: this.order, Items: this.order.Items });
            this.$el.html(compiledTemplate);

        }
    });

    return ProfileView;
});

*************** View End ************************

Can someone help me regarding this issue.

Thanks & Regards

shwetamber