View

๊ทธ๋ฆฌ๋“œ์—์„œ inputType์ด selectBox์ธ ์ปฌ๋Ÿผ์ด ์žˆ๊ณ ,

๊ทธ ์ปฌ๋Ÿผ์— ๋ฐ”์ธ๋”ฉ๋œ data list์—์„œ ๋‚ด๊ฐ€ ๋ณด์—ฌ ์ฃผ๊ณ  ์‹ถ์€ ๊ฐ’์ด ์—†๋Š” ์ƒํ™ฉ์ด ๋ฐœ์ƒ

๋‚˜์˜ ๊ฒฝ์šฐ, ์„ธํŒ…ํ•œ data list๊ฐ€ ๊ณตํ†ต์ฝ”๋“œ ๋ฆฌ์ŠคํŠธ์˜€๊ธฐ ๋•Œ๋ฌธ์— ํ•ด๋‹น ๋ฆฌ์ŠคํŠธ์— ์—†๋Š” ๊ฐ’์„ ๋ณด์—ฌ ์ค„ ์ˆ˜ ์—†์—ˆ์Œ

๋”๋ณด๊ธฐ

๋‚ด๊ฐ€ ์›ํ•œ ๊ฒƒlabel: ์ „์ฒด value: 00 ๋กœ ๋“ค์–ด๊ฐ€๋˜ ์„ ํƒํ•  ๋•Œ๋Š” ์ด '์ „์ฒด' ํ•ญ๋ชฉ์ด ์•ˆ ๋ณด์ด๊ฒŒ๋” ํ•ด์•ผ ํ•œ๋‹ค

 

๋‚ด๊ฐ€ ์ƒ๊ฐํ•œ ๊ฒƒ...
(1) ์ฟผ๋ฆฌ์— '์ „์ฒด'๋ผ๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์ž„์˜๋กœ ๋„ฃ์–ด์„œ ์ƒˆ๋กœ์šด data list๋ฅผ ๊ฐ€์ง€๊ณ  ์˜ค๋Š” ๋ฐฉ๋ฒ•
   โŒ ์•ž์ „์— ๋งํ–ˆ๋“ฏ์ด ์ปฌ๋Ÿผ์ด selectBox๋กœ, ๋ฐ์ดํ„ฐ๋ฅผ ์„ ํƒํ•  ๋•Œ๋Š” '์ „์ฒด' ๊ฐ’์„ ์•ˆ ๋ณด์ด๊ฒŒ ํ•ด ๋‹ฌ๋ผ๊ณ  ์š”์ฒญํ•จ.
(2) ๋ฐ”์ธ๋“œ๋Š” ๊ธฐ์กด ๊ณตํ†ต์ฝ”๋“œ ๋ฆฌ์ŠคํŠธ๋กœ ์„ธํŒ…ํ•˜๋˜, Script์—์„œ ์ž„์˜๋กœ 00 ๊ฐ’์„ ๋„ฃ์–ด ์ค€๋‹ค. 
   โ— ์ด๋ ‡๊ฒŒ ํ•˜๋ฉด 00์œผ๋กœ ์ €์žฅ์€ ๋˜์ง€๋งŒ, ๋ฐ”์ธ๋“œ๋œ data list์— 00์ด๋ผ๋Š” ๊ฐ’์ด ์—†๊ธฐ ๋•Œ๋ฌธ์— ๋ผ๋ฒจ์ด ๋น„๊ฒŒ ๋œ๋‹ค.
   ์ดํ›„ ์ˆ˜์ •ํ•  ๋•Œ๋„ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ๋˜ ๊ฒƒ ๊ฐ™์€๋ฐ, ์ง€๊ธˆ์€ ์กฐ์น˜ ์™„๋ฃŒ๋œ ํ›„๋ผ ๊ธฐ์–ต์ด ์•ˆ ๋‚œ๋‹ค... ๋‚˜์ค‘์— ์ถ”๊ฐ€๋กœ ๋ง๋ถ™์ด๊ฒ ์Œ.

 

 

๊ฒฐ๋ก ์€
์›น์Šคํ€˜์–ด์—์„œ ์ œ๊ณตํ•˜๋Š” property์ธ selectedData๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋œ๋‹ค

 

selectedData inputType = "select" ๋˜๋Š” "autoComplete"์ธ ๊ฒฝ์šฐ, ์„ ํƒํ•œ ๊ฐ’์ด ๋ฐ”์ธ๋”ฉ๋œ DataList์˜ ๋ชฉ๋ก์— ์—†์„ ๊ฒฝ์šฐ ์„ ํƒํ•œ ๊ฐ’ ์œ ์ง€ ์—ฌ๋ถ€. [default: true, false] 
 |(์˜ต์…˜ ์„ค๋ช…)
 | "true" (๊ธฐ๋ณธ ๊ฐ’) : ์„ ํƒ ๊ฐ’์„ ๋ฌด์‹œํ•˜๊ณ  ์ด์ „ ๊ฐ’ ์œ ์ง€.
 | "false" : ์„ ํƒ ๊ฐ’ ์œ ์ง€.

 

์ด ์†์„ฑ ๊ฐ’์„ false๋กœ ๋ฐ”๊ฟ” ์ฃผ๋ฉด ๋ฐ”์ธ๋”ฉ๋œ ๋ฆฌ์ŠคํŠธ์— ์—†๋Š” ๊ฐ’์„ ๋ณด์—ฌ ์ฃผ๋˜,

์„ ํƒํ•  ๋•Œ๋Š” ๋ฐ”์ธ๋”ฉ๋œ ๋ฐ์ดํ„ฐ๋งŒ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•  ์ˆ˜ ์žˆ๋‹ค.

 

 

 

 

Share Link
reply
ยซ   2025/01   ยป
์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ† 
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31