0

私は ember.js が初めてで、組み込みのビューを見ています: http://emberjs.com/guides/views/built-in-views/

データ テンプレート名を使用してビューを操作し、Ember.view.extend から編集することは理解していますが、ビューに組み込まれているこれらの ember.js をどのように変更すればよいですか? ビュー名はどのように機能しますか?

たとえば、私の index.html では:

 <script type="text/x-handlebars" id="test">
    <h3>Title</h3>
    <p>{{view Ember.TextField valueBinding='title'}}</p>
    <h3>Body</h3>
    <p>{{view Ember.TextArea viewName="bodyArea" valueBinding='text'}}</p>
    <h2>Output</h2>
    {{title}}
    {{text}}
 </script>

app.js で viewName="bodyArea" を使用してテキストエリアの背景色を設定するにはどうすればよいですか? 上記にリンクされている ember.js ガイドでは、ハンドルバーで viewName プロパティを設定できることが示されていますが、javascript で編集する方法は示されていません....

4

1 に答える 1

2

ここで 3 つの質問があると思います。

  1. テキスト領域の背景色を設定するにはどうすればよいですか? {{view Ember.TextArea viewName="bodyArea" valueBinding='text' classNames="my-class-name'}} そして、CSS を使用して「my-class-name」のスタイルを設定します。

  2. カスタム動作でビューを変更するにはどうすればよいですか?

App.MyTextArea = Em.TextArea.extend({
  didInsertElement: function(){
   //do something cool here.
  }
});

テンプレート内:

{{App.MyTextArea を表示}}

  1. ビュー名を使用するにはどうすればよいですか? それがよく使われるものかどうかはわかりませんが、コンテナー ビューを定義すると、this.get('myViewName') で子ビューにアクセスできます。物事が ember 内によりカプセル化されるにつれて、viewName の古い使用法の多くはもはや関連性がないように見えます。他の誰かがこの機能に参加できるかもしれません。

余談ですが、組み込みのビューに新しい省略形を使用することもできます。

{{textarea value=title}} は {{view Ember.TextField valueBinding='title'}} と同じことを行います

于 2013-06-03T23:31:26.800 に答える