手动调整大小后,Gridster小部件html没有响应

时间:2015-01-19 15:40:35

标签: ember.js gridster

我在ember中创建一个仪表板,并结合使用C3图表和一个bootstrap标记来使用gridster。

在我手动调整gridster小部件的时候,html没有响应并且保持相同/大小的位置。

我希望有人可以帮助我使C3图表响应。 (填写手动调整大小的gridster小部件的大小)

我的代码概述:

 import Ember from 'ember';

export default Ember.Component.extend({
  tagname: "",

  didInsertElement: function(){
    Ember.$(".gridster ul").gridster({
      widget_base_dimensions: [359, 200],
      widget_margins: [5, 5],
      helper: 'clone',
      resize: {
        enabled: true,
        max_size: [3, 3],
        min_size: [1, 1]
      },
      serialize_params: function($w, wgd) {
          return {
            col: wgd.col,
            row: wgd.row,
            size_x: wgd.size_x,
            size_y: wgd.size_y
          };},
    }).data('gridster');
  }
});

HTML:

        <li data-row="1" data-col="1" data-sizex="1" data-sizey="2">
              {{c3-chart data=model.c3data4 color=model.color}}
    </li>

0 个答案:

没有答案