@zhaoyoubing ๋งํ๋ค:
๋ํ "์จ๊ธฐ๊ธฐ" ๋๋ "์ต์ํ" ๊ธฐ๋ฅ์ ์ถ๊ฐํ๋ ๊ฒ์ด ์ข์ต๋๋ค. "hide" ๊ธฐ๋ฅ์ ์ฌ์ฉํ๋ฉด DOM์์ ์ญ์ ํ์ง ์๊ณ re-layout์ ๊ตฌํํ ์๋ ์์ต๋๋ค.
์๋ ,
detach_node
๋งค๊ฐ๋ณ์๋ฅผ remove_widget
API ๋ฉ์๋์ ์ถ๊ฐํ์ต๋๋ค. false
๋ฅผ ์ ๋ฌํ๋ฉด DOM ๋
ธ๋๊ฐ DOM ํธ๋ฆฌ์์ ์ ๊ฑฐ๋์ง ์์ต๋๋ค. ๊ทธ๋์ ๋์ ์จ๊ธธ ์ ์์ต๋๋ค.
https://github.com/troolee/gridstack.js#remove_widgetel -detach_node
์๋
,
์ด ๊ธฐ๋ฅ์ ์ฌ์ฉํด ๋ณด์์ต๋๋ค. ๋ถ๋ฆฌ ๋ชจ๋๋ฅผ ์ฌ์ฉํ์ฌ ์์๋ฅผ ์จ๊ธด ๋ค์ add_widget์ ์ฌ์ฉํ์ฌ ํ์๋๋๋ก ํฉ๋๋ค(์ด ์์
์ ์ํํ๋ ์ฌ๋ฐ๋ฅธ ๋ฐฉ๋ฒ์ธ์ง ๋ชจ๋ฅด๊ฒ ์ต๋๋ค). ์ฒ์์๋ ์๋ํ์ง๋ง(์จ๊ธฐ๊ธฐ ๋ฐ ํ์) ๋ค์์ ์จ๊ธฐ๋ ค๊ณ ์๋ํ ํ์ ๊ทธ๊ฒ์ ์์ ฏ์ ์์น๊ฐ ๋ค๋ฅธ ์์ ฏ์ ์ํด ์ฌ์ฉ๋์์ง๋ง(์๋ํด์ผ ํ๋ฏ๋ก) ์ ๊ฑฐ๋์ด์ผ ํ๋ ์์ ฏ์ด ์์ฒด ๊ทธ๋ฆฌ๋์ ๋ฐฐ์น๋์๊ธฐ ๋๋ฌธ์ ์ ์ ๊ณต๊ฐ์ ๋ฌด์ํ๊ณ ๊ทธ ์์ ๋ฐฐ์น๋์๊ธฐ ๋๋ฌธ์ ๋์ด์ ๋ฐฐ์นํ ์ ์์ต๋๋ค. ๋ค๋ฅธ ๊ฒ๋ค์ ์์ ๋กญ๊ฒ.
์๋ง๋ ์ด๊ฒ์ ๋ด๊ฐ add_widget์ ์ฌ์ฉํ๊ณ ์๊ณ ์จ๊ฒจ์ง ๊ตฌ์ฑ ์์๋ฅผ ํ์ํ๋ ๊ฐ์ฅ ์ข์ ์ต์
์ด ์๋๊ธฐ ๋๋ฌธ์ผ ๊ฒ์
๋๋ค. ์กฐ์ธ์ ์ฃผ์ค ์ ์์ต๋๊น?
๊ฐ์ฌ ํด์.
์๋ ํ์ธ์ @rcastilllog ์ ๋๋ค .
jsfiddle์ ์ฌ์ฉํ์ฌ ์ฝ๋ ์ํ์ ์ ๊ณตํ๊ฑฐ๋ ์ฌ๊ธฐ์ ๋ฐฐ์นํ ์ ์์ต๋๊น?
๊ฐ์ฌํฉ๋๋ค.
๋ฌผ๋ก , ๋ค์ ๋ ์๋ ์ฝ๊ฐ์ ์ํ์ ์ค๋นํ์ฌ ์ฌ๊ธฐ์ ๊ฒ์ํ๋๋ก ํ๊ฒ ์ต๋๋ค. ๋ง์ ์ผ์ ํ๊ธฐ ์ ์ ๋ต์ ๊ตฌํ์ญ์์ค.
์ธ์ฌ๋ง.
@rcastilllog ์ํ์ ์ค์ ํ์ จ๋์?
ํ๋์ด ์์ด ๋ซ๊ฒ ๋์ง๋ง ๋ฌธ์ ๋ ํด๊ฒฐํ ์ ์์ ๊ฒ ๊ฐ์์ ์์ ๋ต๋ณ์ ๋๋ฆฌ๊ฒ ์ต๋๋ค.
makeWidget
๋ฉ์๋๊ฐ ์ต๊ทผ์ ์ถ๊ฐ๋์์ผ๋ฉฐ ์ฌ๊ธฐ์ ํ์ํ ๊ฒ์
๋๋ค. addWidget
๋ฅผ ํธ์ถํ๋ฉด DOM์ ์์๊ฐ ์ถ๊ฐ๋๊ณ ์ค๋ณต์ผ๋ก ๋๋ ๊ฒ์ด๋ผ๊ณ ์๊ฐํฉ๋๋ค. ๋ฐ๋ฉด makeWidget
๋ ๊ธฐ์กด ์์๋ฅผ gridstack์ ์ถ๊ฐํฉ๋๋ค. ๋น์ ์ด ํธ์ถํ๋ฉด removeWidget
ํ๊ณ ํต๊ณผ detachNode=false
๋ค์, makeWidget
๋น์ ์ด ๋น์ ์ด ์ํ๋ ๊ฒ์ ์ฑ์ทจํ๋ ๋ฐ ๋์์ด๋ฉ๋๋ค ๋์์ด ์์๋๋ค.
์ด ๋ฐฉ๋ฒ์ด ๋์์ด ๋์ง ์์ผ๋ฉด ์ด ํฐ์ผ์ ๋ค์ ์ฌ์ญ์์ค.
์จ๊ธฐ๊ธฐ/ํ์์ ๋ํ ์๋ฅผ ์ ๊ณตํ ์ ์์ต๋๊น?
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์จ๊ธฐ๊ธฐ/ํ์์ ๋ํ ์๋ฅผ ์ ๊ณตํ ์ ์์ต๋๊น?