0

いくつかのタブがあり、各タブをクリックしたときに「ビューポート」がビューをレンダリングするようにします。簡単に言うと、 Twitter Bootstrapの次のようなものです。

ここに画像の説明を入力

各ビューは複雑なので、ビュー オブジェクトを個別に作成する必要があります (データ処理、SVG レンダリングなどがあります)。しかし、これら 3 つのタブにルートを設定したくありません。

ハンドルバー ヘルパーを使用してみましactionたが、詳細に行き詰ってしまいました。つまり、やり方が間違っていると思います。私はこのようなものから始めました：

<div class="btn-group">
  <a href="#" {{ action "changeChart" "company" }} 
    {{ bindAttr class=":btn companyBreakdownSelected:active" }}Breakdown by Company
  </a>
  <a href="#" {{ action "changeChart" "division" }} 
    {{ bindAttr class=":btn divisionBreakdownSelected:active" }}Breakdown by Division
  </a>
  <a href="#" {{ action "changeChart" "category" }} 
    {{ bindAttr class=":btn categoryBreakdownSelected:active" }}Breakdown by Category
  </a>
</div>

そして、コントローラーにメソッドを追加するつもりでしたchangeChart。これは、3 つのブール値のプロパティに影響を与えます。

より良い方法があるよう{{linkTo}}です。理想的には、クラスを自動的に追加しactive、正しいビューをレンダリングするようなものです。ただし、linkTo にはルートが必要です。

私はこれについて間違っていますか？

4

1 に答える 1

1

Adam Hawkins によって実装されたEmber & Twitter Bootstrap Tabsのようなものが必要ですか?

于 2013-07-19T15:54:02.630 に答える