Gridstack.js: рд╡рд┐рдЬреЗрдЯ рдЫреБрдкрд╛рдПрдВ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 6 рдорд╛рд░реНрдЪ 2015  ┬╖  7рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: gridstack/gridstack.js

@zhaoyoubing рдХрд╣рддреЗ рд╣реИрдВ:

рдореИрдВ рдПрдХ "рдЫреБрдкрд╛рдПрдВ" рдпрд╛ "рдЫреЛрдЯрд╛ рдХрд░реЗрдВ" рдлрд╝рдВрдХреНрд╢рди рдЬреЛрдбрд╝рдиреЗ рдХрд╛ рднреА рд╕реБрдЭрд╛рд╡ рджреЗрддрд╛ рд╣реВрдВред "рдЫрд┐рдкрд╛рдПрдВ" рдлрд╝рдВрдХреНрд╢рди рдХреЗ рд╕рд╛рде, DOM рд╕реЗ рд╣рдЯрд╛рдП рдмрд┐рдирд╛ рд░реА-рд▓реЗрдЖрдЙрдЯ рднреА рд▓рд╛рдЧреВ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдХреНрдпрд╛ рдЖрдк рдЫрд┐рдкрд╛рдиреЗ/рджрд┐рдЦрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЙрджрд╛рд╣рд░рдг рдкреНрд░рджрд╛рди рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?

рд╕рднреА 7 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдирдорд╕реНрддреЗ,

рдореИрдВрдиреЗ detach_node рд╕реЗ remove_widget API рдкрджреНрдзрддрд┐ рдореЗрдВ рдПрдХ рдкреИрд░рд╛рдореАрдЯрд░ рдЬреЛрдбрд╝рд╛ рд╣реИред рдпрджрд┐ рдЖрдк false рддреЛ DOM рдЯреНрд░реА рд╕реЗ DOM рдиреЛрдб рдирд╣реАрдВ рд╣рдЯрд╛рдпрд╛ рдЬрд╛рдПрдЧрд╛ред рддреЛ рдЖрдк рдЗрд╕реЗ рдЗрд╕рдХреЗ рдмрдЬрд╛рдп рдЫреБрдкрд╛ рд╕рдХрддреЗ рд╣реИрдВред

https://github.com/troolee/gridstack.js#remove_widgetel -detach_node

рдирдорд╕реНрддреЗ,
рдореИрдВрдиреЗ рдЗрд╕ рдХрд╛рд░реНрдпрдХреНрд╖рдорддрд╛ рдХреА рдХреЛрд╢рд┐рд╢ рдХреАред рдореИрдВ рддрддреНрд╡ рдХреЛ рдЫрд┐рдкрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдбрд┐рдЯреИрдЪ рдореЛрдб рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВ рдФрд░ рдлрд┐рд░ рдЗрд╕реЗ рджреГрд╢реНрдпрдорд╛рди рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП add_widget рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВ (рдореБрдЭреЗ рдирд╣реАрдВ рдкрддрд╛ рдХрд┐ рдпрд╣ рдРрд╕рд╛ рдХрд░рдиреЗ рдХрд╛ рд╕рд╣реА рддрд░реАрдХрд╛ рдерд╛), рдпрд╣ рдкрд╣рд▓реА рдмрд╛рд░ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ (рдЫреБрдкрд╛рдПрдВ рдФрд░ рджрд┐рдЦрд╛рдПрдВ), рд▓реЗрдХрд┐рди рдЕрдЧрд▓реА рдмрд╛рд░ рдЫрд┐рдкрд╛рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░реЗрдВ рдпрд╣, рд╡рд┐рдЬреЗрдЯ рдХрд╛ рд╕реНрдерд╛рди рдХрд┐рд╕реА рдЕрдиреНрдп рд╡рд┐рдЬреЗрдЯ рджреНрд╡рд╛рд░рд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛ (рдЬреИрд╕рд╛ рдХрд┐ рдЗрд╕реЗ рдХрд╛рдо рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП), рд▓реЗрдХрд┐рди рдЬрд┐рд╕реЗ рд╕рдорд╛рдкреНрдд рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП рдЙрд╕реЗ рдХрдмреНрдЬреЗ рд╡рд╛рд▓реЗ рд╕реНрдерд╛рди рдХреЛ рдЕрдирджреЗрдЦрд╛ рдХрд░рддреЗ рд╣реБрдП, рдКрдкрд░ рд░рдЦрд╛ рдЧрдпрд╛ рдерд╛, рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕реЗ рдЕрдкрдиреЗ рд╕реНрд╡рдпрдВ рдХреЗ рдЧреНрд░рд┐рдб рдкрд░ рд░рдЦрд╛ рдЧрдпрд╛ рдерд╛, рдЗрд╕реЗ рдЪрд╛рд░реЛрдВ рдУрд░ рдЦреАрдВрдЪрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ рдФрд░ рдКрдкрд░ рд░рдЦрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ рдЕрдиреНрдп рд╕реНрд╡рддрдВрддреНрд░ рд░реВрдк рд╕реЗред

рд╢рд╛рдпрдж рдРрд╕рд╛ рдЗрд╕рд▓рд┐рдП рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдореИрдВ add_widget рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ рдФрд░ рдЫрд┐рдкреЗ рд╣реБрдП рдШрдЯрдХ рдХреЛ рджрд┐рдЦрд╛рдиреЗ рдХрд╛ рдпрд╣ рд╕рдмрд╕реЗ рдЕрдЪреНрдЫрд╛ рд╡рд┐рдХрд▓реНрдк рдирд╣реАрдВ рд╣реИ, рдХреНрдпрд╛ рдЖрдк рдХреЛрдИ рд╕рд▓рд╛рд╣ рджреЗ рд╕рдХрддреЗ рд╣реИрдВ?
рдзрдиреНрдпрд╡рд╛рджред

рд╣рд╛рдп @rcastillog ,

рдХреНрдпрд╛ рдЖрдк рдХреГрдкрдпрд╛ jsfiddle рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдХреЛрдб рдирдореВрдирд╛ рдкреНрд░рджрд╛рди рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдпрд╛ рдмрд╕ рдпрд╣рд╛рдВ рд░рдЦ рд╕рдХрддреЗ рд╣реИрдВ?

рд╢реБрдХреНрд░рд┐рдпрд╛ред

рдЬрд╝рд░реВрд░, рдЕрдЧрд▓реЗ рджрд┐рдиреЛрдВ рдореЗрдВ рдореИрдВ рдПрдХ рдЫреЛрдЯрд╛ рд╕рд╛ рдирдореВрдирд╛ рддреИрдпрд╛рд░ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░реВрдБрдЧрд╛ рдФрд░ рдЙрд╕реЗ рдпрд╣рд╛рдБ рдкреЛрд╕реНрдЯ рдХрд░реВрдБрдЧрд╛ред рдкрд╣рд▓реЗ рдЙрддреНрддрд░ рдХреЗ рд▓рд┐рдП рдХреНрд╖рдорд╛ рдХрд░реЗрдВ, рдмрд╣реБрдд рд╕рд╛рд░реА рдиреМрдХрд░реАред

рдЕрднрд┐рд╡рд╛рджрдиред

@rcastillog рдХреНрдпрд╛ рдЖрдкрдиреЗ рдПрдХ рдирдореВрдирд╛ рд╕реНрдерд╛рдкрд┐рдд рдХрд┐рдпрд╛ рд╣реИ?

рдореИрдВ рдирд┐рд╖реНрдХреНрд░рд┐рдпрддрд╛ рдХреЗ рдХрд╛рд░рдг рдЗрд╕реЗ рдмрдВрдж рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рд▓реЗрдХрд┐рди рдореИрдВ рдПрдХ рдЫреЛрдЯреА рд╕реА рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рджреВрдВрдЧрд╛ рдЬреЛ рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╕рдорд╕реНрдпрд╛ рдХреЛ рднреА рд╣рд▓ рдХрд░реЗрдЧреАред

рд╡рд┐рдзрд┐ makeWidget рд╣рд╛рд▓ рд╣реА рдореЗрдВ рдЬреЛрдбрд╝реА рдЧрдИ рдереА рдФрд░ рд╕рдВрднрд╡рдд: рдЖрдкрдХреЛ рдпрд╣рд╛рдВ рдЗрд╕рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрдЧреАред рдпрджрд┐ рдЖрдк addWidget рдХреЙрд▓ рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдпрд╣ рддрддреНрд╡ рдХреЛ DOM рдореЗрдВ рдЬреЛрдбрд╝ рджреЗрдЧрд╛, рдФрд░ рдореЗрд░рд╛ рдорд╛рдирдирд╛ тАЛтАЛрд╣реИ рдХрд┐ рдЖрдк рдбреБрдкреНрд▓рд┐рдХреЗрдЯ рдХреЗ рд╕рд╛рде рд╕рдорд╛рдкреНрдд рд╣реЛ рд░рд╣реЗ рд╣реИрдВред рджреВрд╕рд░реА рдУрд░, makeWidget рдЧреНрд░рд┐рдбрд╕реНрдЯреИрдХ рдореЗрдВ рдПрдХ рдореМрдЬреВрджрд╛ рддрддреНрд╡ рдЬреЛрдбрд╝ рджреЗрдЧрд╛ред рдпрджрд┐ рдЖрдк removeWidget рдХреЙрд▓ рдХрд░рддреЗ рд╣реИрдВ рдФрд░ detachNode=false , рддреЛ рд╕рдВрднрд╛рд╡рд┐рдд рд░реВрдк рд╕реЗ makeWidget рд╡рд╣ рдкреНрд░рддрд┐рдкрдХреНрд╖ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдЬреЛ рдЖрдкрдХреЛ рдЬреЛ рдЪрд╛рд╣рд┐рдП рдЙрд╕реЗ рдкреВрд░рд╛ рдХрд░рдиреЗ рдореЗрдВ рдЖрдкрдХреА рд╕рд╣рд╛рдпрддрд╛ рдХрд░реЗрдЧрд╛ред

рдХреГрдкрдпрд╛ рдЗрд╕ рдЯрд┐рдХрдЯ рдХреЛ рдлрд┐рд░ рд╕реЗ рдЦреЛрд▓рдиреЗ рдХреЗ рд▓рд┐рдП рд╕реНрд╡рддрдВрддреНрд░ рдорд╣рд╕реВрд╕ рдХрд░реЗрдВ рдпрджрд┐ рдЗрд╕рд╕реЗ рдорджрдж рдирд╣реАрдВ рдорд┐рд▓рддреА рд╣реИред

рдХреНрдпрд╛ рдЖрдк рдЫрд┐рдкрд╛рдиреЗ/рджрд┐рдЦрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЙрджрд╛рд╣рд░рдг рдкреНрд░рджрд╛рди рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

Metal101 picture Metal101  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

jpotth picture jpotth  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

saroque picture saroque  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

vhdm picture vhdm  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

PrincessOfSecret picture PrincessOfSecret  ┬╖  6рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ