|
|
Ŭ¶ó¿ìµåű×
javascript PHP ASP css HTML mysql jquery image API Mobile ¸Þ´º slide °Ô½ÃÆÇ
|
|
|
ÇöÀçÁ¢¼ÓÀÚ ¸í |
|
|
|
|
|
|
|
Duplicate, Remove, and Sort Rows In Forms - jQuery formRowRepeater |
|
|
|
|
¼Ò½ººÐ·ù |
Æû °ü·Ã |
|
|
´Ù¿î·Îµå Ƚ¼ö |
4 ȸ |
|
|
|
°£´Ü¼³¸í |
formRowRepeater´Â µ¿Àû ¾ç½Ä Çà °ü¸®¸¦ À§ÇÑ °æ·® jQuery Ç÷¯±×ÀÎÀÔ´Ï´Ù. »ç¿ëÀÚ´Â µå·¡±× ¾Ø µå·ÓÀ» ÅëÇØ ¾ç½Ä ÇàÀ» Ãß°¡/º¹Á¦ÇÏ°í, ±âÁ¸ ÇàÀ» Á¦°ÅÇÏ°í, ¼ø¼¸¦ º¯°æÇÒ ¼ö ÀÖ½À´Ï´Ù. |
|
|
|
|
|
formRowRepeater´Â µ¿Àû ¾ç½Ä Çà °ü¸®¸¦ À§ÇÑ °æ·® jQuery Ç÷¯±×ÀÎÀÔ´Ï´Ù. »ç¿ëÀÚ´Â µå·¡±× ¾Ø µå·ÓÀ» ÅëÇØ ¾ç½Ä ÇàÀ» Ãß°¡/º¹Á¦ÇÏ°í, ±âÁ¸ ÇàÀ» Á¦°ÅÇÏ°í, ¼ø¼¸¦ º¯°æÇÒ ¼ö ÀÖ½À´Ï´Ù. ÀÔ·Â Çʵå, ¼±Åà µå·Ó´Ù¿î, È®Àζõ, ¶óµð¿À ¹öÆ° µîÀ» Æ÷ÇÔÇÑ ´Ù¾çÇÑ ÀÔ·Â À¯Çü°ú ÇÔ²² ÀÛµ¿ÇÕ´Ï´Ù.
Ç÷¯±×ÀÎÀÇ ÇÙ½É ±â´ÉÀº ¾ç½Ä ³»¿¡¼ Áߺ¹ ÇàÀ» °ü¸®ÇÏ´Â °ÍÀÔ´Ï´Ù. ¿Â¶óÀÎ Àκ¸À̽º ½Ã½ºÅÛ¿ë ¾ç½ÄÀ» ¸¸µç´Ù°í »ó»óÇØ º¸½Ê½Ã¿À. ¼ÛÀåÀÇ °¢ Ç׸ñ¿¡´Â Á¦Ç° À̸§, ¼ö·® ¹× °¡°Ý¿¡ ´ëÇÑ Çʵ尡 ÇÊ¿äÇÒ ¼ö ÀÖ½À´Ï´Ù. ÀÌ·¯ÇÑ ÇʵåÀÇ ¿©·¯ ÀνºÅϽº¸¦ Çϵå ÄÚµùÇÏ´Â ´ë½Å formRowRepeater¸¦ »ç¿ëÇÏ¸é ´ÜÀÏ "ÅÛÇø´ Çà"À» Á¤ÀÇÇÒ ¼ö ÀÖ½À´Ï´Ù. ÀÌ ÅÛÇø´Àº »õ ÇàÀ» µ¿ÀûÀ¸·Î »ý¼ºÇϱâ À§ÇÑ Ã»»çÁø ¿ªÇÒÀ» ÇÕ´Ï´Ù. ±×·± ´ÙÀ½ Ç÷¯±×ÀÎÀº ÀÌ·¯ÇÑ ÇàÀÇ »ý¼º, Àε¦½Ì ¹× Á¦°Å¸¦ ó¸®ÇÕ´Ï´Ù.
¶ÇÇÑ formRowRepeater´Â jQuery UIÀÇ µå·¡±× °¡´ÉÇÑ À§Á¬À» »ç¿ëÇÏ¿© ÇàÀÇ µå·¡±× ¾Ø µå·Ó Á¤·ÄÀ» °¡´ÉÇÏ°Ô ÇÕ´Ï´Ù. ÀÌ´Â ÇÁ·ÎÁ§Æ® °ü¸® ÀÀ¿ë ÇÁ·Î±×·¥¿¡¼ ÀÛ¾÷À» Á¤·ÄÇÏ´Â °Í°ú °°ÀÌ ¼ø¼°¡ Áß¿äÇÑ °æ¿ì¿¡ À¯¿ëÇÕ´Ï´Ù. ÇàÀÌ À̵¿ÇÒ ¶§¸¶´Ù Ç÷¯±×ÀÎÀº ÀÚµ¿À¸·Î Çà ¼ø¼ °ªÀ» ÁöÁ¤ÇÕ´Ï´Ù. ±×·± ´ÙÀ½ ¼¹ö Ãø¿¡¼ ÀÌ Á¤º¸¸¦ ó¸®ÇÏ¿© ¿Ã¹Ù¸¥ µ¥ÀÌÅÍ ¹è¿À» À¯ÁöÇÒ ¼ö ÀÖ½À´Ï´Ù.
¾ÐÃàÆÄÀÏÀ» ÇØÁ¦ÇѵÚ,
index.html ÆÄÀÏ°ú, example2.html ÆÄÀÏÀ» À¥ºê¶ó¿ìÀú·Î ¿¾îº¸¸é È®ÀÎÀÌ °¡´ÉÇÕ´Ï´Ù.
»ç¿ë¹æ¹ýÀº ¾Æ·¡¿Í °°½À´Ï´Ù.
|
|
³×ƼÁð ÀÇ°ß ÀÌ¿ëÇϽŠÀÚ·áÀÇ Èı⸦ ÀÚÀ¯·Ó°Ô ÀÛ¼ºÇϼ¼¿ä. (»ó¾÷ÀûÀÎ ±¤°í ¹× µµ¹è¼º ±Û µîÀº »çÀüÅ뺸¾øÀÌ »èÁ¦µÉ ¼ö ÀÖ½À´Ï´Ù.) |
|