Bootstrapと連携できるX-editableというUIツールが結構いい | hirobanex.net
X-editableというBootstrapとかJQuery UIとかのプラグイン的に使用するものがあって、これを使うとかなり使いやすい編集フォームを作ることができるので、そのご紹介。 登録されたデータを編集するときにいちいち編集用のフォームに行って、変更内容をバリデータに流してほげほげってするのってけっこうめんどい。特にURL名も、form/createとかform/updateとかただ、formにするとか、考えるのめんどいし、作成と編集を一緒にしてformとかした場合も、コントローラーの部分が肥大化してきもい。 ケースバイケースで使えないところもあるのも当然だけど、ひとつひとつ編集したときにバリデーション→更新となるのでとても安心感があるしわかりやすい。 X-editableをAmon2::Liteでサンプル作ったので、Perlユーザーならすぐに呑み込めるようにしておきました。 参考U
Jeditable - Edit In Place Plugin For jQuery
Inplace editing for jQuery. Currently unmaintained. Interested in becoming a web developer? Start with JavaScript Essentials (free) and continue to earn a full Techdegree (free trial). Hi! My name is Jeditable and I am inplace editor plugin for jQuery. With few lines of JavaScript code I allow you to click and edit the content of different html elements. I am based on Dylan Verheul's editable. For
(その場で編集するUI) の実装方法を考えてみた - Cyokodog :: Diary
画面上の変更したいデータや文章をクリックすると、画面遷移をせずその部分のみが編集可能状態になるユーザインターフェースのことを Edit-In-Place あるいは In-Place-Editor と呼ぶそうです。 jQueryでEdit-In-Place（その場編集）を実現するためのプラグイン＆チュートリアルいろいろ - IDEA*IDEA inplace edit で始める DOM スクリプティング - 脱エンタープライズ志向 今回は jQuery による In-Place-Editor の実装方法について考えてみます。 In-Place-Editor の効果的な使い方 登録文書を承認ワークフローでまわすようなシステムの場合、同一文書に対し複数ユーザが修正や加筆をするというケースがよくあります。その際起こる問題として「データ編集中に他者に更新を先越され、登録処理で排他エラーになってしまっ
テーブルのセルをクリックしたときに編集できるようにする（Edit in Place） | GUNMA GIS GEEK
画面遷移を行わずに、その場でDOM要素を編集できる機能を「inplace editor」とか言うらしいです。 プラグインを使う方が簡単なのですが、作りたいものに合わせてカスタマイズするのが思うようにいかなかったので、自分で書いてみました。 <table id="edit-table"> <tr> <th>要素１</th> <th>要素２</th> <th>要素３</th> </tr> <tr> <td>1</td><td>hoge</td><td>hoge</td> </tr> <tr> <td>2</td><td>hello</td><td>world</td> </tr> <tr> <td>3</td><td></td><td></td> </tr> </table>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
IDEA * IDEA
