Gridstack.js: jquery-ui рдирд┐рд░реНрджреЗрд╢рд┐рдХрд╛ gridstack.js рдореЗрдВ рдЧрд▓рдд рд╣реИ

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

Jquery-ui 1.12.0 рдореЗрдВ, рд╕рднреА рд╕рд╣рдпреЛрдЧреА рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЛ ui рдирд┐рд░реНрджреЗрд╢рд┐рдХрд╛ рдореЗрдВ рд▓реЗ рдЬрд╛рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рди рдХрд┐ рд░реВрдЯ рдирд┐рд░реНрджреЗрд╢рд┐рдХрд╛ рдореЗрдВред рддреЛ gridstack.js рдореЗрдВ рдирд┐рдореНрди рдХреЛрдб рдмрд╣рд┐рд╖реНрдХреГрдд рд╣реИред

рдЕрдЧрд░ (рдЯрд╛рдЗрдкрдСрдл рдбрд┐рдлрд╛рдЗрди === 'рдлрдВрдХреНрд╢рди' && рдбрд┐рдлрд╛рдЗрди.amd) {
рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░реЗрдВ (['jquery', 'lodash', 'jquery-ui/data', 'jquery-ui/disable-selection', 'jquery-ui/focusable',
'jquery-ui/form', 'jquery-ui/ie', 'jquery-ui/keycode', 'jquery-ui/labels', 'jquery-ui/jquery-1-7',
'jquery-ui/plugin', 'jquery-ui/safe-active-element', 'jquery-ui/safe-blur', 'jquery-ui/scroll-parent',
'jquery-ui/tabbable', 'jquery-ui/unique-id', 'jquery-ui/version', 'jquery-ui/widget',
'jquery-ui/widgets/mouse', 'jquery-ui/widgets/draggable', 'jquery-ui/widgets/droppable',
'jquery-ui/widgets/resizable'], factory);

рдЗрд╕реЗ рдкреНрд░рддрд┐рд╕реНрдерд╛рдкрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкрд░рд┐рднрд╛рд╖рд┐рдд (['jquery', 'lodash', 'jquery-ui']) рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЕрдиреБрд╢рдВрд╕рд╛ рдХреА рдЬрд╛рддреА рд╣реИред

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

рдЙрдкрдирд╛рдо рдХреЛ рдлрд┐рд░ рд╕реЗ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░рдирд╛ рдЕрдиреНрдп jQueryUI рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреЛ рдкреНрд░рднрд╛рд╡рд┐рдд рдХрд░рддрд╛ рд╣реИ рдЬреЛ рдкрд░рд┐рдпреЛрдЬрдирд╛ рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд┐рдП рдЬрд╛рддреЗ рд╣реИрдВ, рдпрджрд┐ рдХреЛрдИ рд╣реЛ, рдЬреЛ рд╕реНрд╡реАрдХрд╛рд░реНрдп рдирд╣реАрдВ рд╣реИред

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

jquery-ui рдлрд╝рд╛рдЗрд▓реЗрдВ /ui рдореЗрдВ v.1.11 рдореЗрдВ рдмреЛрд╡рд░ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рд╕реНрдерд╛рдкрд┐рдд jquery-ui рдХреЗ рд▓рд┐рдП рдереАрдВред рдЧреНрд░рд┐рдбрд╕реНрдЯреИрдХ рдореЗрдВ jquery-ui рдХреЗ рд▓рд┐рдП рд╕рдЯреАрдХ рд╕реНрдерд╛рди рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдирд╣реАрдВ рдХрд░рдХреЗ, рд╣рдордиреЗ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЛ рдирд┐рдпрдВрддреНрд░рдг рд░рдЦрдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рдмрдирд╛рдпрд╛ рд╣реИред

рдЖрдкрдХреА main.js рдлрд╝рд╛рдЗрд▓ рдХреБрдЫ рдЗрд╕ рддрд░рд╣ рджрд┐рдЦ рд╕рдХрддреА рд╣реИ:

require.config({
    paths: {
        'jquery-ui': 'vendor/jquery-ui/ui/'
...

Jqui рдХреЗ рдЕрдкрдиреЗ рдкреЗрдЬ рдХреЗ рдЖрдзрд╛рд░ рдкрд░ (https://learn.jquery.com/jquery-ui/environments/amd/), рдпрд╣ рд╕рдмрд╕реЗ рдЙрдкрдпреБрдХреНрдд рд╕рдорд╛рдзрд╛рди рдХреА рддрд░рд╣ рд▓рдЧрддрд╛ рд╣реИред рдпрджрд┐ рдЙрдиреНрд╣реЛрдВрдиреЗ рдЕрдиреБрд╢рдВрд╕рд┐рдд рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рд╣реИ, рддреЛ рд╣рдо рдЗрд╕реЗ рдмрджрд▓рдиреЗ рдХреЗ рд▓рд┐рдП рддреИрдпрд╛рд░ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдЕрднреА рдХреЗ рд▓рд┐рдП рдпрд╣ рд╡рд┐рдзрд┐ рдкрд░реНрдпрд╛рдкреНрдд рд╣реИред рдореБрдЭреЗ рд╡рд┐рд╢реНрд╡рд╛рд╕ рд╣реИ рдХрд┐ рд╣рдо рдЗрд╕реЗ рдЕрдкрдбреЗрдЯ рдХрд░реЗрдВрдЧреЗ рдХреНрдпреЛрдВрдХрд┐ рдЕрдзрд┐рдХ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдирдП jqui рдкрд░ рдирд┐рд░реНрднрд░рддрд╛ рдЕрдкрдбреЗрдЯ рдХрд░рддреЗ рд╣реИрдВред

рдареАрдХред рдореИрдВ рд╕рдордЭ рдЧрдпрд╛ред рдзрдиреНрдпрд╡рд╛рджред

рдореИрдВ
:[email protected]
:troolee/gridstack.jsgridstack. [email protected]
:[email protected]; [email protected]
рдирдВрдмрд░:2016х╣┤8цЬИ19цЧе(хСиф║Ф) 04:38
:Re: [troolee/gridstack.js] jquery-ui рдирд┐рд░реНрджреЗрд╢рд┐рдХрд╛ рдЧрд▓рдд ingridstack.js (#513)

jquery-ui рдлрд╝рд╛рдЗрд▓реЗрдВ /ui рдореЗрдВ v.1.11 рдореЗрдВ рдереАрдВ, jquery-ui рдХреЗ рд▓рд┐рдП рдмреЛрд╡рд░ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рд╕реНрдерд╛рдкрд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛ред рдЧреНрд░рд┐рдбрд╕реНрдЯреИрдХ рдореЗрдВ jquery-ui рдХреЗ рд▓рд┐рдП рд╕рдЯреАрдХ рд╕реНрдерд╛рди рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рди рдХрд░рдХреЗ, рд╣рдордиреЗ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЛ рдирд┐рдпрдВрддреНрд░рдг рд░рдЦрдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рдмрдирд╛рдпрд╛ рд╣реИред
рдЖрдкрдХреА main.js рдлрд╝рд╛рдЗрд▓ рдХреБрдЫ рдЗрд╕ рддрд░рд╣ рджрд┐рдЦ рд╕рдХрддреА рд╣реИ:
рдЖрд╡рд╢реНрдпрдХрддрд╛ред рдХреЙрдиреНрдлрд┐рдЧ ({рдкрде: {'jquery-ui': 'рд╡рд┐рдХреНрд░реЗрддрд╛/jquery-ui/ui/' ...
Jqui рдХреЗ рдЕрдкрдиреЗ рдкреЗрдЬ рдХреЗ рдЖрдзрд╛рд░ рдкрд░ (https://learn.jquery.com/jquery-ui/environments/amd/), рдпрд╣ рд╕рдмрд╕реЗ рдЙрдкрдпреБрдХреНрдд рд╕рдорд╛рдзрд╛рди рдХреА рддрд░рд╣ рд▓рдЧрддрд╛ рд╣реИред рдпрджрд┐ рдЙрдиреНрд╣реЛрдВрдиреЗ рдЕрдиреБрд╢рдВрд╕рд┐рдд рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рд╣реИ, рддреЛ рд╣рдо рдЗрд╕реЗ рдмрджрд▓рдиреЗ рдХреЗ рд▓рд┐рдП рддреИрдпрд╛рд░ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдЕрднреА рдХреЗ рд▓рд┐рдП рдпрд╣ рд╡рд┐рдзрд┐ рдкрд░реНрдпрд╛рдкреНрдд рд╣реИред рдореБрдЭреЗ рд╡рд┐рд╢реНрд╡рд╛рд╕ рд╣реИ рдХрд┐ рд╣рдо рдЗрд╕реЗ рдЕрдкрдбреЗрдЯ рдХрд░реЗрдВрдЧреЗ рдХреНрдпреЛрдВрдХрд┐ рдЕрдзрд┐рдХ рдкреБрд╕реНрддрдХрд╛рд▓рдп рдирдП jqui рдкрд░ рдирд┐рд░реНрднрд░рддрд╛ рдЕрдкрдбреЗрдЯ рдХрд░рддреЗ рд╣реИрдВред
-
рдЖрдк рдЗрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд░рд╣реЗ рд╣реИрдВ рдХреНрдпреЛрдВрдХрд┐ рдЖрдкрдиреЗ рд╕реВрддреНрд░ рдХреЛ рд▓рд┐рдЦрд╛ рд╣реИред
рдЗрд╕ рдИрдореЗрд▓ рдХрд╛ рд╕реАрдзреЗ рдЙрддреНрддрд░ рджреЗрдВ, рдЗрд╕реЗ GitHub рдкрд░ рджреЗрдЦреЗрдВ, рдпрд╛ рдереНрд░реЗрдб рдХреЛ рдореНрдпреВрдЯ рдХрд░реЗрдВред

рдореЗрд░рд╛ рдорд╛рдирдирд╛ тАЛтАЛрд╣реИ рдХрд┐ jquery-ui рдиреЗ рдЙрдирдХреА рд╕рд▓рд╛рд╣ рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд░ рджрд┐рдпрд╛ рд╣реИ рдФрд░ рдЕрдм 'ui' рдлрд╝реЛрд▓реНрдбрд░ рдХреЛ рд╢рд╛рдорд┐рд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП gridstack.jQueryUI.js рдореЗрдВ рдкрдереЛрдВ рдХреЛ рдмрджрд▓рдиреЗ рдХреА рдЕрдиреБрд╢рдВрд╕рд╛ рдХрд░рддрд╛ рд╣реИред

Jquery ui 1.12 рдЕрдкрдЧреНрд░реЗрдб рдЧрд╛рдЗрдб рджреЗрдЦреЗрдВ рдЬрд╣рд╛рдВ рд╡реЗ рдХрд╣рддреЗ рд╣реИрдВ:

рдЬрдм рдЖрдк рдЕрдкрдЧреНрд░реЗрдб рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рддреИрдпрд╛рд░ рд╣реЛрдВ, рддреЛ рдЖрдкрдХреЛ рдЕрдкрдиреЗ рдЖрдпрд╛рдд рдкрде рдЕрдкрдбреЗрдЯ рдХрд░рдиреЗ рд╣реЛрдВрдЧреЗред

рдкрд╣рд▓реЗ:

рд╡рд░ рд╕реНрд╡рдд: рдкреВрд░реНрдг = рдЖрд╡рд╢реНрдпрдХрддрд╛ ("jquery-ui/рд╕реНрд╡рдд: рдкреВрд░реНрдг");
рдмрд╛рдж рдореЗрдВ:

var рд╕реНрд╡рдд: рдкреВрд░реНрдг = рдЖрд╡рд╢реНрдпрдХрддрд╛ ("jquery-ui/ui/widgets/autocomplete");

рдореИрдВрдиреЗ рдЕрдкрдиреЗ рдХреЛрдгреАрдп 2 CLI рдкреНрд░реЛрдЬреЗрдХреНрдЯ tsconfig.app.json рдлрд╝рд╛рдЗрд▓ рдореЗрдВ рдкрде рдЙрдкрдирд╛рдо рдЬреЛрдбрд╝рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд┐рдпрд╛, рд▓реЗрдХрд┐рди рдХреЛрдгреАрдп рд╕рдВрдХрд▓рдХ рддрдм рд▓рдЯрдХрд╛ рд░рд╣реЗрдЧрд╛:
"рдмреЗрд╕рдпреВрдЖрд░рдПрд▓": "",
"рд░рд╛рд╕реНрддреЗ":{
"jquery-ui/ ":["jquery-ui/ui/ "]
}

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ "jquery-ui" рдХреЛ рд╣рд▓ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд░рд╣реЗ рдПрдХ рдЕрдирдВрдд рд░рд┐рдХрд░реНрд╕рди рд▓реВрдк рдореЗрдВ рдЬрд╛рддрд╛ рд╣реИред рд╢рд╛рдпрдж рдПрдВрдЧреБрд▓рд░ 2 рд╕реАрдПрд▓рдЖрдИ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдореЗрдВ рдЙрдкрдирд╛рдо рдЬреЛрдбрд╝рдиреЗ рдХрд╛ рдПрдХ рдмреЗрд╣рддрд░ рддрд░реАрдХрд╛ рд╣реИ?

рдЙрдкрдирд╛рдо рдХреЛ рдлрд┐рд░ рд╕реЗ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░рдирд╛ рдЕрдиреНрдп jQueryUI рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреЛ рдкреНрд░рднрд╛рд╡рд┐рдд рдХрд░рддрд╛ рд╣реИ рдЬреЛ рдкрд░рд┐рдпреЛрдЬрдирд╛ рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд┐рдП рдЬрд╛рддреЗ рд╣реИрдВ, рдпрджрд┐ рдХреЛрдИ рд╣реЛ, рдЬреЛ рд╕реНрд╡реАрдХрд╛рд░реНрдп рдирд╣реАрдВ рд╣реИред

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

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

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

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

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

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

ishields picture ishields  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ