タグ

ブックマーク / tech.aainc.co.jp (1)

  • KnockoutJSを使って、カラムでソート実装する

    以下はLaravelとKnockoutJSを使って、上記のようなソートを作ってみてみましょう。 作り始め 今回のロジックは以下の通りです。 データベースから取得したUsersのリストをテーブルで表示します。ユーザーにつき、3つのカラムがあります(user_id,email,name). 各カラムをクリックしたら: 当時のそのカラムの状態によって、カラムとソート順を取って、AJAXでサーバに値を投げます。 サーバにソートしてもらいます。 サーバから返すデータで更新します 各カラムにつき、3つの状態があります。 ・waiting : ソートされません(他の項目でソート中) ・sorting_asc 降順にソート中 ・sorting_desc 昇順にソート中 Knockout.jsの概要や、どんな感じなのかのサンプルは村上の記事や青山の記事をご覧ください。 では、一緒にやりましょう!!! CSS

    JHashimoto
    JHashimoto 2015/01/04
    "テーブルソートを実装してくれるJquery DataTableプラグインを読んだことがあって、今回はDataTableプラグインのような見た目のあるソートを作ってみようと思います。"
  • 1