Codebit | Sviluppo Web in pillole » jQuery editTable v0.2.0
jQuery editTable is a very small jQuery Plugin (~1Kb gzipped) that fill the gap left by the missing of a default input field for data tables. jQuery editTable can be used both in ajax and/or HTTP POST contest and let you preset the title and number of columns or just let complete freedom to the user. You can even append custom behaviors to single column cells (ex. jQuery UI Datepicker). The only l
Tiny editable jQuery Bootstrap spreadsheet from MindMup
TOTAL just start typing to edit, or move around with arrow keys or mouse clicks! About This tiny (3KB, < 120 lines) jQuery plugin turns any table into an editable spreadsheet. Here are the key features: No magic - works on a normal HTML table (so you can plug it in into any web table, and apply any JS function to calculate values) Supports validation and change events (so you can warn about invali
テーブルã®ã‚»ãƒ«ã‚’クリックã—ãŸã¨ãã«ç·¨é›†ã§ãるよã†ã«ã™ã‚‹ï¼ˆ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>
jQuery editTable - ãã®å ´ã§ç·¨é›†ã§ãるテーブルを生æˆã™ã‚‹jQueryライブラリ MOONGIFT
Webベースã®æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ を作ã£ã¦ã„ã‚‹ã¨åº¦ã€…データを一覧ã§è¡¨ç¤ºã™ã‚‹æ©Ÿä¼šãŒã‚ã‚Šã¾ã™ã€‚ãã‚“ãªä¸ã§åº¦ã€…ã‚ãŒã£ã¦ãã‚‹ã®ãŒä¸€è¦§ã®æ™‚点ã§ãƒ‡ãƒ¼ã‚¿ç·¨é›†ã—ãŸã„ã¨ã„ã†è¦æœ›ã§ã™ã€‚ In place editã®ã‚ˆã†ãªä»•çµ„ã¿ã‚’使ã£ã¦ä½œã‚Šè¾¼ã‚“ã§ã‚‚良ã„ã§ã™ãŒã€å°‚用ã®ä»•çµ„ã¿ã‚’使ã£ãŸæ–¹ãŒãƒ¦ãƒ¼ã‚¶ãƒ“リティ高ãã§ãã‚‹ã¯ãšã§ã™ã€‚ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒjQuery editTableã«ãªã‚Šã¾ã™ã€‚ 最åˆã®è¡¨ç¤ºã§ã™ã€‚é©å½“ã«ã‚»ãƒ«ã‚’クリックã—ã¾ã™ã€‚ ãã†ã™ã‚‹ã¨ãã®å ´ã§ç·¨é›†å¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ è¡Œã®è¿½åŠ ã‚‚ã§ãã¾ã™ã€‚ ãƒã‚¹ãƒˆã™ã‚‹ã¨å„è¡Œã”ã¨ã«ãƒ‡ãƒ¼ã‚¿ãŒå…¥ã£ã¦ãã‚‹ã®ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ Ajaxã®å ´åˆã‚‚JSONã®é…列ã§å—ã‘å–ã‚Œã¾ã™ã€‚ 日付é¸æŠžã«éš›ã—ã¦ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ãƒ”ッカーを使ã†ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ è¡Œã®è¿½åŠ ã§ãる数を制é™ã—ãŸå ´åˆã€‚3è¡Œè¿½åŠ ã—ãŸæ™‚点ã§ãƒœã‚¿ãƒ³ãŒæŠ¼ã›ãªããªã‚Šã¾ã™ã€‚ jQuery editTableã®ä½¿ã„æ–¹ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ var mytable =
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
X-editable Demo
{{#tags}}- {{label}}
{{/tags}}