ITエンジニア/デザイナ向けにオープンソースを毎日紹介

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

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2