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

執筆者:

関連記事

no image

Rails3で動画配信を試用~flowplayer

  最近はYoutubeなど動画配信サイトも充実してきていて知人向けのプライベートな配信も可能なようだ しかし、やっぱりYoutubeにアップするのは抵抗があったり、LAN内だけで配信したい …

no image

Rails3.2でajaxなフォルダツリーを導入する4~dynatree-rails & Drag’n’Drop

wwwendt.de/tech/dynatree/doc/dynatree-doc.html wwwendt.de/tech/dynatree/doc/samples.html 今日はドラッグアンドド …

Rails4とD3.jsでローソク足グラフを描く〜d3.js編

前回 Rails4とD3.jsでローソク足グラフを描く〜Rails準備編 目次1 jsonデータ2 y_scaleを考える3 始値と終値から箱をつくる4 高値と安値でひげをつくる5 y_axisをつけ …

no image

Rails3.2.8でPostgreSQLを使う(開発環境)〜pg gem

環境 Ubuntu server12.04にPostgreSQLをインストールする 参考 #342 Migrating to PostgreSQL @railscasts 目次1 準備2 データベース …

Rubyでウェブサイトを操作してリストをつくる〜mechanize

    By: JoshSemans   以前からRailscastsというRuby on Railsの動画サイトが好きでよく見ているのだが、380近く動画があって気にな …