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
-,

執筆者:

関連記事

ThoughtBotの『Backbone.js on Rails』の目次と見出しをななめ読み

By: John – CC BY 2.0 learn.thoughtbot.com/products/1-backbone-js-on-rails 買いました 電子書籍で137ページに$4 …

RailsにTwitter Bootstrapを設定する~twitter-bootstrap-rails

環境 ruby 1.9.3  & rails 3.2.8 適当なscaffoldを作っておく

  github.co …

Rails3.2でajaxなフォルダツリーを導入する~dynatree-rails

  jQuery UIのプラグインdynatreeをRailsで使ってみた github.com/glebtv/dynatree-rails wwwendt.de/tech/dynatree …

no image

railsでdocxを生成する動画

  知り合いに試しに使ってもらうのに動画を作成しました

RubyでTwitter〜twitter & t

By: Pete Simon – CC BY 2.0 目次1 はじめに2 twitter.gemのインストール3 Twitterアプリへの登録4 サンプルから試してみる5 cliでTwit …