ember.js - 子供がアクティブな時間を選択するエレガントな方法

Answer 1

bindAttrクラス名を切り替えるために使用できます。たとえばisSelected、コントローラーのプロパティに状態を保持し、次にテンプレートに保持する場合。

<tr {{bindAttr class='isSelected:active'}}>

activecss クラス名はどこにありますか。

Answer 2

最初に述べたように、質問への回答をまだ見たいと思っていますが、現時点で行った回避策は、テーブルをまったく使用しないことです。サイトの残りの部分で Bootstrap ベースの CSS レイアウトを既に使用しているため、テーブルの代わりに流動的なレイアウトを使用することにしました。

<script type="text/x-handlebars" data-template-name="_folderList">
  <div id="folder-list">
        <div class="container-fluid list-header">
          <div class="row-fluid">
            <div class="span5">Name</div>
            <div class="span7">Date Created</div>
          </div>
        </div>
      {{#each folder in controller}}
        {{#linkTo "folder" folder }} 
          <div class="container-fluid list-item">
            <div class="row-fluid">
              <div class="span5">
                <i class="icon-folder-close"></i> {{ folder.folder_name }} 
              </div>
              <div class="span7">
                {{ prettyDate folder.created_date}}
              </div>
            </div>
          </div>
        {{/linkTo}}
      {{/each}}
  </div>
</script>

これにより、{{#linkTo}} を使用して「行」全体をアンカーでラップし、それに応じて行全体のスタイルを設定できます。