0

Kendo UIグリッド、backbone.js、underscore.js、require.jsを使用してkendo uiグリッドをロードまたはインスタンス化するにはどうすればよいですか？

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();

しかし、それは機能しません。表示されません。何か案は？

4

1 に答える 1

1

一般的なリファレンスとして、BackboneでのjQueryプラグインの使用に関するブログ投稿を書き、KendoUIを私の好みのコントロールスイートとして数回言及しました。

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

あなたの質問に具体的に答えるために、あなたはあなたのrenderメソッドにエラーがあります。

を呼び出すと、ページのDOMで要素$("#grid").kendoGrid(...);を探すようにjQueryに指示しますが、それはあなたのから来ているため、まだ存在していません。ビューのを設定した後、を使用してビューのHTML内を検索する必要があります。#gridCartListTemplatethis.$#gridel.html


render: function(){
  this.$el.html(CartListTemplate);
  this.$("#grid").kendoGrid(...);
}
于 2012-03-26T17:21:43.597 に答える