Gridstack.js: Vue рдореЙрдбрд▓ рдмрд╛рдЗрдВрдбрд┐рдВрдЧ рд╣рдЯрд╛рдиреЗ рдкрд░ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ ()

рдХреЛ рдирд┐рд░реНрдорд┐рдд 18 рдЕрдХреНрддреВре░ 2016  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: gridstack/gridstack.js

рдореИрдВ рд╡реАрдпреВ рдФрд░ рдЧреНрд░рд┐рдбрд╕реНрдЯреИрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВред рд╡рд┐рдЧреЗрдЯреНрд╕ (рдпрд╛рдиреА, рд╡реАрдпреВ рдШрдЯрдХ) рдПрдХ рд╡реНрдпреВрд╣ рд╕реЗ рдЙрдкрд▓рдмреНрдз рд╣реИред $ data.widgetsред рд╡рд┐рдЬреЗрдЯ рдЬреЛрдбрд╝рддреЗ рд╕рдордп, рдореИрдВ Vue рдШрдЯрдХ рдорд╛рдЙрдВрдЯреЗрдб рдИрд╡реЗрдВрдЯ рдкрд░ рдЧреНрд░рд┐рдб.рдбреАрдбрд╡рд┐рдбрдЧреЗрдЯ () рдХрд╣рддрд╛ рд╣реВрдВред рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред

рд╣рд╛рд▓рд╛рдБрдХрд┐, рдореБрдЭреЗ рдЧреНрд░рд┐рдб.реНрд░реЗрдореЛрд╡реАрдбрдЧреЗрдЯ () рдХреЙрд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдЪреНрдЫреА рдЬрдЧрд╣ рдкрд░ рдкрддрд╛ рдирд╣реАрдВ рдЪрд▓ рд╕рдХрддрд╛ рд╣реИред рдЕрд╕рд▓ рдореЗрдВ, рдЕрдЧрд░ рдХреЙрд▓ vueред $ Data.widgets.splice (idx, 1), vue рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ UI рдХреЛ рдкреНрд░рддрд┐рдмрд┐рдВрдмрд┐рдд рдХрд░реЗрдЧрд╛ - рд╡рд╣ рдЧреНрд░рд┐рдбрд╕реНрдЯреИрдХ рд╡рд┐рдЬреЗрдЯ рд╣рдЯрд╛ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рд╣рдЯрд╛рдП рдЧрдП рд╡рд┐рдЬреЗрдЯ рд╕реНрдерд╛рди рдкрд░ рдПрдХ рдЦрд╛рд▓реА рдХреНрд╖реЗрддреНрд░ рдЫреЛрдбрд╝ рджреЗрддрд╛ рд╣реИред рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ grid.removeWidget () рдХреЛ рдХрд╣реАрдВ рдмреБрд▓рд╛рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред рдореИрдВрдиреЗ рдЙрд╕ vue рдШрдЯрдХ рдореЗрдВ "рдирд╖реНрдЯ рдХрд┐рдпрд╛ рд╣реБрдЖ" рдпрд╛ "рдкрд╣рд▓реЗ рдХреЗ рдкрд░реАрдХреНрд╖рдг" рдШрдЯрдирд╛ рдХреА рдХреЛрд╢рд┐рд╢ рдХреАред рд▓реЗрдХрд┐рди рдЧреНрд░рд┐рдбрд╕реНрдЯреИрдХ рд╣рдЯрд╛рдиреЗ рдореЗрдВ рддреНрд░реБрдЯрд┐ рдХреА рд░рд┐рдкреЛрд░реНрдЯ рдХрд░рддрд╛ рд╣реИ () - рдмрд╛рдж рдХреЗ рд╣рдЯрд╛рдиреЗ рдХреЗ рдиреЛрдб рдкрд░ рдЕрдирд┐рд░реНрдзрд╛рд░рд┐рдд рд╣реИ () рд╡рд┐рдзрд┐ред

рдореИрдВ vue рдЕрдкрдбреЗрдЯ $ data.widgets.splice () рд╕реЗ рдкрд╣рд▓реЗ рд░рд┐рдореВрд╡рдЧреЗрдЯ () рдХреЛ рдХреЙрд▓ рдХрд░рдиреЗ рдХрд╛ рднреА рдкреНрд░рдпрд╛рд╕ рдХрд░рддрд╛ рд╣реВрдВ, рдЬрд┐рд╕рд╕реЗ рдХреНрдпреВ рдЕрдкрд╡рд╛рдж рд╣реЛ рдЬрд╛рдПрдЧрд╛ред

рддреЛ, рдХреНрдпрд╛ рдпрд╣ рд╕рдВрднрд╡ рд╣реИ рдХрд┐ рд╣рдЯрд╛рдиреЗ рдХреЗ рдмрдЬрд╛рдп рд╡рд┐рдЬреЗрдЯ рд▓реЗрдЖрдЙрдЯ рдХреЛ рддрд╛рдЬрд╝рд╛ рдХрд░реЗрдВ () / рдРрдбрд╡рд░реНрдб ()?

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

рдирдорд╕реНрддреЗред рдореИрдВ Vue.js. рдХрд╛ рднреА рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдБ рд▓реЗрдХрд┐рди рдореИрдВ рдиреЛрдб_рдореЙрдбреНрдпреВрд▓реНрд╕ рд╕реЗ рдЧрд░реНрдбрд╕реНрдЯреИрдХ рдЖрдпрд╛рдд рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛ред рдХреНрдпрд╛ рдЖрдк рдореЗрд░реА рдорджрдж рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?

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

рдЕрдЧрд░ рдореИрдВ рдЖрдкрдХреЛ рд╕рд╣реА рддрд░реАрдХреЗ рд╕реЗ рд╕рдордЭ рд░рд╣рд╛ рд╣реВрдВ, рддреЛ рдЖрдк removeWidget рдХреЙрд▓ рдХрд░рддреЗ рд╕рдордп рдХрд┐рд╕реА рдкреИрд░рд╛рдореАрдЯрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

https://github.com/troolee/gridstack.js/tree/master/doc#removewidgetel -detachnode

рджреВрд╕рд░реЗ рдкреИрд░рд╛рдореАрдЯрд░ рдХреЗ рд░реВрдк рдореЗрдВ false рдореЗрдВ рдкрд╛рд╕ рд╣реЛрдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░реЗрдВ рддрд╛рдХрд┐ рдиреЛрдб рдЕрд▓рдЧ рди рд╣реЛред

рдирдорд╕реНрддреЗред рдореИрдВ Vue.js. рдХрд╛ рднреА рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдБ рд▓реЗрдХрд┐рди рдореИрдВ рдиреЛрдб_рдореЙрдбреНрдпреВрд▓реНрд╕ рд╕реЗ рдЧрд░реНрдбрд╕реНрдЯреИрдХ рдЖрдпрд╛рдд рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛ред рдХреНрдпрд╛ рдЖрдк рдореЗрд░реА рдорджрдж рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?

рдирд┐рд╖реНрдХреНрд░рд┐рдпрддрд╛ рдХреЗ рд▓рд┐рдП рдмрдВрджред рдпрджрд┐ рдЖрдкрдХреЛ рдЕрднреА рднреА рд╕рдорд╕реНрдпрд╛ рд╣реЛ рд░рд╣реА рд╣реИ рддреЛ рдХреГрдкрдпрд╛ рдкреБрдирдГ рдЦреЛрд▓реЗрдВред

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

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

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

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

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

troolee picture troolee  ┬╖  7рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

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