Использование кендо UI сетки на позвоночнике, требуют, подчеркивание и кендо - PullRequest
Новая
       27

Использование кендо UI сетки на позвоночнике, требуют, подчеркивание и кендо

0 голосов
/ 26 марта 2012

Как я могу загрузить или создать сетку пользовательского интерфейса Kendo с помощью сетки пользовательского интерфейса Kendo, backbone.js, underscore.js и require.js Возможно ли это? 

define([
'jquery',
'underscore',
'backbone',
'text!templates/cart/cartlist.html'
], function($, _, Backbone, CartListTemplate){

var mainHomeView = Backbone.View.extend({
el: $("#cartContainer"),
render: function(){
  $("#grid").kendoGrid({
    columns: ["ItemDescription", "Qty", "Price", { command: "destroy" }],
  });
  this.el.html(CartListTemplate);
}
});
 return new mainHomeView;
});

А это 

CartListView.render();

Но это не работает. Это не появляется. Есть идеи?

1 Ответ

1 голос
/ 26 марта 2012

В качестве общего справочного материала я написал сообщение в блоге об использовании плагинов jQuery с Backbone и несколько раз упомянул KendoUI в качестве своего предпочтительного пакета управления:

http://lostechies.com/derickbailey/2012/02/20/using-jquery-plugins-and-ui-controls-with-backbone/

Чтобы конкретно ответить на ваш вопрос, в вашем методе рендеринга есть ошибка.

Когда вы звоните $("#grid").kendoGrid(...);, вы говорите jQuery искать элемент #grid в DOM страницы, но его пока нет, потому что он исходит от вашего CartListTemplate. Вам нужно использовать this.$, чтобы найти #grid в HTML вашего представления после того, как вы установите el.html представления. 


render: function(){
  this.$el.html(CartListTemplate);
  this.$("#grid").kendoGrid(...);
}
...