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

Ubuntu Server 12.04で動画のサムネイルを作成~avconv ffmpeg

  目次1 インストール2 動画の情報3 使えるフォーマットの一覧4 サムネイル画像の作成 インストール

総合的な動画の変換 …

Rails3でajaxでD&Dでまとめてファイルアップロード~jQueryFileUpload for Rails

RailsでECサイト構築~spree

  *インストール方法を書き換えました.前の方法だとアドミンユーザーが登録されませんでした. 今回はインストール+日本語化だけ 目次1 インストール2 日本語化 インストール gem [cr …

もしもRails3.2とBackbone.jsでリアルタイムな2ch風な掲示板をつくったら〜private_pub

By: Kevin Dooley – CC BY 2.0   まだ、Observerのことがよくわかってない ので、過去のやつをもとにやってみた dry-shore-2517.h …

Rubyでd3.jsのapiリファレンスの一覧を取得してくる~mechanize

  d3.jsにはlayoutというおおまかに準備されたレイアウトがあって、その中にあるTreeレイアウトを試してみることにした d3.js自身のapiリファレンスが階層構造になっているので …