Knockout.js で jQuery UI ‘sortable’を使う | webシステム開発会社よりフリーランスのSEプログラマースコブト
前回に引き続き、勉強中の Knockout の記事です。 今回は、リッチなUIを手軽に実装できる jQuery UI との組み合わせを検証してみました。 jQuery UI ‘sortable’ とは sortable とは jQuery UI に含まれる機能で、リスト要素などの各アイテムをドラッグ＆ドロップで並び替えできるようにするものです。 sortable の動きについては jQuery UI Demos & Documentation を見ていただければわかると思います。 Knockout と組み合わせる デモはこちらです（別画面で開きます） JSFIDDLE でも公開しました Knockout で jQuery UI などのプラグインをバインドで実行できるようにするため、カスタムバインディングを作成します。 今回は、名前もそのまま「sortable」というカスタムバインディングを
Backbone.js と比較しながら Knockout.js を試してみた - present
Backbone.js を試したから Knockout.js にも挑戦 JavaScript のクライアント MVC フレームワークは Backbone.js でいこうと思っていたんですが、Knockout.js が Ver 2.0 でかなり機能追加されて、ちょっと心変わり。もともと Knockout.js のデータバインディング機能に興味を持っていたところに、テンプレート機能が追加されて、試してみたくなりました。 念のため説明すると、Knockout.js は、.NET 開発者にはお馴染みの、データバインディングや MVVM パターンが特徴のフレームワークです。 Knockout : Home ちなみに、Backbone.js の記事はこちら。 作って覚える Backbone.js - present 作って覚える Backbone.js (2) Router 編 - present T
ソースコードから理解する技術−ＵｎｄｅｒＳｏｕｒｃｅＣｏｄｅ knockout.jsをASP.NET MVC 4 で簡単に使ってみた
タイトルどおり、knockout.jsを使い、ASP.NET MVC にて MVVMパターンを簡単に実装してみました。 一応、ModelをデータベースにCRUDする機能は有するサンプルです。 どのあたりが簡単なのかと言うと ・データベースへのCRUDはEF CodeFirstにて自動生成する ・Index、Edit、Deleteの各画面とControllerはデータスキャフォールドにて自動生成する ・MVVMパターンは一覧に表示する画面にのみ適用する 辺りです。 データの編集、削除、詳細表示(Edit,Delete,Details)にMVVMパターンを適用しなかった理由は 対象のデータが別ユーザーにより変更されている可能性がある場合 MVVMパターンによるクライアント側でのデータの変更が相応しくないケースもあると考えたからです。 (クライアント側で編集したデータが、別ユーザーによって削除さ
Knockout : Home
Simplify dynamic JavaScript UIs with the Model-View-View Model (MVVM) pattern Declarative Bindings Easily associate DOM elements with model data using a concise, readable syntax Automatic UI Refresh When your data model's state changes, your UI updates automatically Dependency Tracking Implicitly set up chains of relationships between model data, to transform and combine it Templating Quickly gene
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Knockout.js - How to display a list of items 2 different ways using 'foreach'?
