5

TextArea autogrowプラグインを ember.js で動作させるにはどうすればよいですか? では動作しないようですEmber.TextArea

私はこれを試しました(coffeescript):

  App.TextField = Ember.TextArea.extend
    didInsertElement: ->
      opts =
        animate: false
        cloneClass: 'faketextarea'
      @$().autogrow(opts)
4

2 に答える 2

7

Ember がthis.$()autogrow プラグインで適切に再生されないビューを取得する方法に問題があるようで、autogrow がTextArea. ビューの を使用して明示的にセレクターを作成するelementIdと、例が機能します。

私はEmber 1.0.0-PRE.4を使用しています

例: http://jsbin.com/adedag/8/edit

App.TextField = Ember.TextArea.extend({
  didInsertElement: function() {
    opts = {
      animate: false,
      cloneClass: 'faketextarea'
    }
    $('#'+this.get('elementId')).autogrow(opts);
  }
});
于 2013-01-23T04:24:34.160 に答える
6

Bower を使用している場合は、次の方法も検討してください: http://www.jacklmoore.com/autosize/

"dependencies": {
    "jquery": "~2.0",
    "ember": "1.2.0-beta.4",
    "ember-data-shim": "v1.0.0-beta.3",
    "handlebars": "1.1.2",
    "jquery-autosize":""
},

それで

App.AutosizeTextArea = Ember.TextArea.extend({
didInsertElement: function() {
    $('#'+this.get('elementId')).autosize();
}

});

{{view App.AutosizeTextArea value=notes}}
于 2013-12-09T17:30:18.017 に答える