Backbone.js Railsで使えるGem

Rails3.2とBackbone.jsでサーバーサイドのソーティング

投稿日:

 

Rails3.2とBackbone.jsでサーバーサイドのフィルタリング

次はソートを実装したい

サーバーサイドはこんな感じで

ほんとはparamsから取った値をそのままSQLに突っ込むのはダメらしい

テーブルヘッダーをテンプレートにする

前のはかっこわるかったし<thead>をテンプレート化して、ここにイベントを設定する

table

テンプレート

クリックイベント設定

IDじゃなくてclassで良かったと気づく

まずはsort_columnから

Backbone.Eventsをfire

router

前のままだとsort_columnとsort_directionでcreateOptionされないので訂正

(createOptionsはrouter用のアドレスを生成するメソッド)

テンプレートに表示する

以前に@paramsをレイアウトまで運んでいるので、そこからtableヘッダーまで、sort_columnとsort_directionをわたす

layout

table

eco

if文のあとに:をつけるのに注意

選んだカラムのとなりに”+”が表示されればOK

ソートの方向を設定する

table

これで向きも変わるようになるはず

テンプレートに矢印を表示

bootstrapのアイコンを表示させてる

 

 

-Backbone.js, Railsで使えるGem
-,

執筆者:

関連記事

Rails4で複雑な検索〜Ransack

By: eric molina – CC BY 2.0 株価データをつかって複雑な絞り込み検索ができるようにしてみた データは、こちらのサンプルを使わせていただいた datawarehou …

RailsでECサイトを構築3 日本にあわせる~spree

  前提 RailsでECサイト構築~spree RailsでECサイト構築2 注文してみる~spree 目次1 テンプレートをダウンロード2 テンプレートを改造する3 デフォルトの国を変更 …

Rails3.2でJasmineをつかってBackbone.jsのViewをテストしてみる

  By: Bering Land Bridge National Preserve 前回 Rails3.2でJasmineをつかってBackbone.jsのModelをテストしてみる Ra …

backbone-relationalで関連するコレクションをRails3.2のAPIに投稿〜accepts_nested_attributes_for

By: Mike Baird – CC BY 2.0   backbonerelational.org/ Backbone-relationalを使って関連するコレクションをまと …

backbone-relationalをJasmineでテストしてみた