jQuery Data Link pluginを使うとHTML上のデータ操作が容易になる。

jQuery Data Link pluginはjQuery/JavaScript製のフリーウェア(ソースコードは公開されている)。jQueryをはじめとするJavaScriptフレームワークの登場で、Webブラウザ上でデータ操作を行うケースが増えている。しかし意外とやりづらさを感じていた。

Screen-shot 12.png

データ操作がシンプルになる

 

DOMを使って指定する場合、一つ二つであれば容易なのだが、多数のフィールドを操作しようと思うと面倒だった。そうしたデータ操作をもっと手軽に分かりやすくするのがjQuery Data Link pluginだ。

jQuery Data Link pluginではObjectを作成し、それをformとリンクさせる。そうすると(例えばpersonというオブジェクトを生成した場合)person.nameといった呼び出し方でデータの操作ができるようになる。とても分かりやすくて良い。

Screen-shot 11.png

コード

 

さらに入力された値に対するコンバート処理(整数のみにするなど)を指定できたり、jQuery Data Link pluginで生成したオブジェクトを配列に入れてソートしたりもできる。データの扱いがとてもシンプルに、プログラミングしやすくなるライブラリだ。

 

jquery’s jquery-datalink at master - GitHub

 http://github.com/jquery/jquery-datalink