テーブルã«ã‚½ãƒ¼ãƒˆã€å†…容編集ã€è¡Œã®å‰Šé™¤ç‰ã®æ©Ÿèƒ½ã‚’åŠ ãˆã‚‹jQueryプラグイン・TableGear - ã‹ã¡ã³ã¨.netãªã‹ãªã‹å¤šæ©Ÿèƒ½ãªãƒ©ã‚¤ãƒ–ラリã ã£ãŸã®ã§ 備忘録。テーブルã«ã‚½ãƒ¼ãƒˆã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„㮠編集やã€Ajaxã«ã‚ˆã‚‹è¡Œã®å‰Šé™¤ãŒå¯èƒ½ãª jQueryプラグイン・TableGearã§ã™ã€‚ã“㮠手ã®ãƒ—ラグインã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€ ä¸ã§ã‚‚ã‹ãªã‚Šé«˜æ©Ÿèƒ½ãªæ°—ãŒã—ã¾ã™ã€‚ jQueryã ã‘ã§ãªãmootoolsも用æ„ã•ã‚Œã¦ã‚‹ã¿ãŸã„ã§ã™ã€‚テーブル内ã§ã‚½ãƒ¼ãƒˆãŒå¯èƒ½ã§ã€ã‚»ãƒ«å†…ã¯ç·¨é›†ã§ãã¾ã™ã€‚ã‚‚ã¡ã‚ã‚“ã€ç·¨é›†å¾Œã®ã‚½ãƒ¼ãƒˆã‚‚OK。行ãã®ã‚‚ã®ã‚’消ã™äº‹ã‚‚å¯èƒ½ã§ã™ã‚ˆã€‚ セル内ã¯ç·¨é›†å¯èƒ½ã§ã€æ™®æ®µã¯ã“ã®ã‚ˆã†ã«é€šå¸¸ã¨å¤‰ã‚‰ãªã„インターフェースをç¶æŒã§ãã¾ã™ã€‚マウスã§ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒ—ルダウンや入力エリアãŒå‡ºç¾ã€‚ 編集ã—ã¦ã‚‚ソート機能ã¯ç¶æŒ ソート機能ãŒä»˜ã„ã¦ã„ã¾ã™ãŒã€ã‚»ãƒ«å†…ã«å¤‰æ›´ã‚’åŠ ãˆã¦ã‚‚ã€å¤‰æ›´å¾Œã®å†…容ã§ã‚½ãƒ¼ãƒˆã—ã¦ãã‚Œã¾ã™ã€‚ è¡Œã®å‰Šé™¤ã‚‚ è¡Œã”ã¨å‰Šé™¤ã™ã‚‹äº‹ã‚‚出æ¥ã¾ã™ã€‚ デモã¯PHPã¨MySQLを使ã£ã¦è¨è¨ˆã—ã¦ã‚‹ã‚ˆã†ã§ã™ãŒã€ä»–ã®ã‚·ã‚¹ãƒ†ãƒ 上ã§ã‚‚動作ã™ã‚‹ã¨
Excelã£ã½ã„機能も付ã„ãŸæ¤œç´¢ï¼†ã‚½ãƒ¼ãƒˆï¼†ãƒšãƒ¼ã‚¸ãƒ³ã‚°æ©Ÿèƒ½ä»˜ãテーブル実装JSライブラリ「TinyTable V3ã€:phpspot開発日誌
{{#tags}}- {{label}}
{{/tags}}