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

執筆者:

関連記事

RailsにTwitter Bootstrapのフォームを設定する~simple_form

環境 RailsにTwitter Bootstrapを設定する~twitter-bootstrap-rails github.com/plataformatec/simple_form 目次1 Gem …

WindowsのRubyでxlsxファイルを生成する~axlsx

By: Roman Boed – CC BY 2.0 目次1 axlsxのインストール2 hello axlsx3 サンプル4 参考 axlsxのインストール コマンドラインからインストー …

no image

Rails3.2でBackbone.jsとPrivate_pubでToDoアプリをリアルタイム化(できた!)

参考 Rails3.2でリアルタイムメッセージング~Private_pub、Faye Rails3.2とBackbone.jsでToDoアプリを作ってみた~backbone-on-rails &nbs …

docx生成アプリのサンプルを公開~simple_docx_generater

自作gemを使ったRailsアプリの作成例を公開しました!   サインインの情報はつぎのとおりです テンプレートの登録・編集権限のあるマネージャー manager1@example.com

Rails4でつかえるインラインエディタを試してみた〜X-editable-rails

目次1 x-editable2 bootstrapを導入3 x-editable-rails4 サンプルアプリ x-editable 文字をダブルクリックして編集できるやつ x-editable vi …