Firebug рдХреЗ рд▓рд┐рдП рдкреНрд░рдмреБрджреНрдзрддрд╛ рдкреНрд▓рдЧрдЗрди

рдореИрдВ рдлрд╝рд╛рдпрд░рдлрд╝реЙрдХреНрд╕ рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреЗ рдмреАрдЪ рдЦреЛрд▓реА рдЧрдИ рдПрдХ рджрд┐рд▓рдЪрд╕реНрдк рдЦреЛрдЬ рдХреЛ рд╕рд╛рдЭрд╛ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВред рдЗрд╕ рдкреНрд▓рдЧрдЗрди рдХреЛ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдлреЙрд░ рдлрд╛рдпрд░рдмрдЧ рдХреЗ рд▓рд┐рдП рдЗрд▓реБрдорд┐рдиреЗрд╢рди рдХрд╣рд╛ рдЬрд╛рддрд╛ рд╣реИ рдФрд░ рдпрд╣ рдореБрдЦреНрдп рд░реВрдк рд╕реЗ рдПрдХреНрд╕рдЯреАрдЬреЗрдПрд╕ рдФрд░ рд╕реНрдиреЗрд╣рд╛ рдЯрдЪ рдХреЗ рд╕рд╛рде рднрд╛рд░реА рдЬреЗрдПрд╕ рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдлрд╛рдпрд░рдмрдЧ рдХреЗ рд▓рд┐рдП рдПрдХ рдЕрддрд┐рд░рд┐рдХреНрдд рд╣реИред рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рд░рдЪрдирд╛рдХрд╛рд░реЛрдВ рдиреЗ рдХрд╣рд╛ рдХрд┐ рдмреАрдЯрд╛ рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рдкреНрд▓рдЧрдЗрди Dojo Toolkit, SproutCore, qooxdoo, YUI, Google рдХреНрд▓реЛрдЬрд░ рд▓рд╛рдЗрдмреНрд░реЗрд░реА, jQuery UI рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИред

рдЪреВрдВрдХрд┐ рдореБрдЭреЗ рдЬреНрдпрд╛рджрд╛рддрд░ рдХрд╛рдо рдХреЗ рд▓рд┐рдП рдПрдХреНрд╕рдЯреАрдЬреЗрдПрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдкрдбрд╝рддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдпрд╣ рд╕рдмрд╕реЗ рджрд┐рд▓рдЪрд╕реНрдк рдерд╛ рдХрд┐ рдЗрд╕ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдХреЗ рдЖрдзрд╛рд░ рдкрд░ рдпрд╣ рдкреНрд▓рдЧ-рдЗрди рд╡рд┐рдХрд╛рд╕ рдореЗрдВ рдХреИрд╕реЗ рдорджрдж рдХрд░реЗрдЧрд╛ред
рдЗрд╕ рдРрдб рдХреЛ рд╕реНрдерд╛рдкрд┐рдд рдХрд░рддреЗ рд╕рдордп рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рдХреНрдпрд╛ рд╡рд┐рд╢реЗрд╖рддрд╛рдПрдВ рд╣реИрдВ:

1. рдХреЛрдб рдбреАрдмрдЧрд┐рдВрдЧ рдХреЗ рджреМрд░рд╛рди рдФрд░ рдлрд╛рдпрд░рдмрдЧ рдХрдВрд╕реЛрд▓ рдореЗрдВ рдСрдмреНрдЬреЗрдХреНрдЯ рдХрдХреНрд╖рд╛рдУрдВ рдХрд╛ рдкреНрд░рджрд░реНрд╢рди, рдЕрд░реНрдерд╛рддреНред рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдХрдВрд╕реЛрд▓ рд╕реЗ Ext.getCmp ('gridUsers') рдХреЛ рдХреЙрд▓ рдХрд░рддреЗ рд╕рдордп, рд╣рдо рдкрд╣рд▓реЗ рдХреА рддрд░рд╣ "рдСрдмреНрдЬреЗрдХреНрдЯ" рдХреЗ рдмрдЬрд╛рдп "Ext.grid.GridPanel" рджреЗрдЦреЗрдВрдЧреЗред



2. рдкреГрд╖реНрда рдкрд░ рд╣рд╛рдЗрд▓рд╛рдЗрдЯрд┐рдВрдЧ рдШрдЯрдХ, рдФрд░ рдирд┐рд░реАрдХреНрд╖рдг рдореЗрдВ рдПрдХ рдирдпрд╛ рдЖрдЗрдЯрдо ... рдПрдХреНрд╕реНрдЯреНрд░реАрдо рдШрдЯрдХреЛрдВ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рддреНрд╡рд░рд┐рдд рдиреЗрд╡рд┐рдЧреЗрд╢рди рдХреЗ рд▓рд┐рдП рд╕рдВрджрд░реНрдн рдореЗрдиреВ



3. рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рдФрд░ рд╕рдмрд╕реЗ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдмрд╛рдд, рдлрд╛рдпрд░рдмрдЧ - рд░реЛрд╢рдиреА рдкреИрдирд▓ рдореЗрдВ рдПрдХ рд╡рд┐рд╢реЗрд╖ рдЯреИрдм рдЬреЛрдбрд╝рдирд╛ред рдпрд╣ рдкреГрд╖реНрда рдкрд░ рдЙрдкрдпреЛрдЧ рдХрд┐рдП рдЬрд╛рдиреЗ рд╡рд╛рд▓реЗ рд╡рд┐рдЬреЗрдЯ, рдбреЗрдЯрд╛ рд╕реНрдЯреЛрд░реЗрдЬ (рд╕реНрдЯреЛрд░) рдФрд░ рдЕрдиреНрдп рддрддреНрд╡реЛрдВ рдХреЛ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рддрд╛ рд╣реИред рдкреНрд░рддреНрдпреЗрдХ рдШрдЯрдХ рдореЗрдВ рдПрдХ рдЯреНрд░реА рд╕рдВрд░рдЪрдирд╛ рд╣реЛрддреА рд╣реИ рдЬреЛ рдХреНрд▓рд┐рдХ рдХрд░рдиреЗ рдкрд░ рдлреИрд▓рддреА рд╣реИред рдЙрдкрдпреЛрдЧ рдХрд┐рдП рдЧрдП рд╕рднреА рдЧреБрдгреЛрдВ рдФрд░ рд╡рд┐рдзрд┐рдпреЛрдВ рдХреЛ рд╡рд┐рд╕реНрддрд╛рд░ рд╕реЗ рд╡рд░реНрдгрд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ, рд╕рд╛рде рд╣реА рд╕рдВрдЧреНрд░рд╣реАрдд рдбреЗрдЯрд╛ (рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рд╕реНрдЯреЛрд░)ред



рдЕрднреА рднреА рд╣реИ, рдЬреИрд╕рд╛ рдХрд┐ рдпрд╣ рдореБрдЭреЗ рдкреНрд░рддреАрдд рд╣реБрдЖ, рдПрдХ рдмрд╣реБрдд рд╣реА рдЙрдкрдпреЛрдЧреА рд╕реБрд╡рд┐рдзрд╛ - рдЙрдкрдпреБрдХреНрдд рдШрдЯрдХреЛрдВ рдкрд░ рдкреНрд░рд▓реЗрдЦрди (рдПрдХреНрд╕рдЯреНрд░реАрдо рд╕рд╛рдЗрдЯ рд╕реЗ рдмрд╛рд╣рд░реА рд░реВрдк рд╕реЗ рд▓реЛрдб рдХрд┐рдпрд╛ рдЧрдпрд╛)ред рдЗрд╕рд▓рд┐рдП, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдпрджрд┐ рд╣рдо рдПрдХ рдЧреНрд░рд┐рдб рдХрд╛ рд╕рдВрдкрд╛рджрди рдХрд░ рд░рд╣реЗ рд╣реИрдВ, рддреЛ рд╣рдо рд╕реАрдзреЗ рдлрд╛рдпрд░рдмрдЧ рдХреЗ рдЙрдкрдпреЛрдЧ, рдЧреБрдгреЛрдВ, рдШрдЯрдирд╛рдУрдВ, рд╡рд┐рдзрд┐рдпреЛрдВ рдЖрджрд┐ рдХреЗ рдЙрджрд╛рд╣рд░рдг рджреЗрдЦ рд╕рдХрддреЗ рд╣реИрдВред



рдпрд╣рд╛рдБ рдПрдХреНрд╕рдЯреАрдЬреЗрдПрд╕ рдХреЗ рд╕рд╛рде рдЗрд▓реНрд▓реБрдорд┐рдиреЗрд╢рди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдФрд░ рдкрдврд╝реЗрдВред рдлрд┐рд▓рд╣рд╛рд▓, рдЬреИрд╕рд╛ рдХрд┐ рдореИрдВ рдЗрд╕реЗ рд╕рдордЭрддрд╛ рд╣реВрдВ, рдпрд╣ рдкреНрд▓рдЧрдЗрди рдПрдХреНрд╕рдЯреА рдХреЗ 3 рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рд╕рд╛рде-рд╕рд╛рде 4 рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЙрдкрдпреБрдХреНрдд рд╣реИред

рдЕрдиреНрдп рдкреБрд╕реНрддрдХрд╛рд▓рдпреЛрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ - рдореИрдВрдиреЗ рдпрд╣ рджреЗрдЦрдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА рдХрд┐ рдкреНрд▓рдЧрдЗрди рдХрд╛ рдЙрдкрдпреЛрдЧ jQueryUI рдФрд░ YUI рдХреЗ рд╕рд╛рде рдХреИрд╕реЗ рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛, рд▓реЗрдХрд┐рди рдИрдорд╛рдирджрд╛рд░ рд╣реЛрдиреЗ рдХреЗ рд▓рд┐рдП рдореИрдВрдиреЗ рдПрдХреНрд╕рдЯрдЬ рдХреЗ рд╕рд╛рде рдЙрдкрдпреЛрдЧ рдХреЗ рд▓рд┐рдП рдЙрддрдиреЗ рд╣реА рдЧрдВрднреАрд░ рдлрд╛рдпрджреЗ рдирд╣реАрдВ рджреЗрдЦреЗред JQueryUI рдХреЗ рдорд╛рдорд▓реЗ рдореЗрдВ, рдШрдЯрдХ (рд╕рдордЭреМрддреЗ, рдЯреИрдм, рдЖрджрд┐), рд╣рд╛рд▓рд╛рдВрдХрд┐ рд╡реЗ рдкреИрдирд▓ рдореЗрдВ рдкреНрд░рджрд░реНрд╢рд┐рдд рд╣реЛрддреЗ рд╣реИрдВ, рдореИрдВ рдпрд╣ рдирд╣реАрдВ рдХрд╣реВрдВрдЧрд╛ рдХрд┐ рдбрд┐рдмрдЧрд┐рдВрдЧ рдХрд░рддреЗ рд╕рдордп рдпрд╣ рдХреЛрдИ рдЧрдВрднреАрд░ рд▓рд╛рдн рджреЗрддрд╛ рд╣реИред YUI рдХреЗ рдорд╛рдорд▓реЗ рдореЗрдВ, рдХрд┐рд╕реА рдХрд╛рд░рдг рд╕реЗ, рд╕рднреА рд╡рд┐рдЧреЗрдЯреНрд╕ рдореЗрд░реЗ рд▓рд┐рдП рдирд╣реАрдВ рдЙрдард╛рдП рдЧрдП рдереЗ (YUI 2 рдХреЗ рд▓рд┐рдП, рдкреИрдирд▓ рдореЗрдВ рдХреНрд▓рд┐рдЪрд┐рдВрдЧ рдХреЗ рд▓рд┐рдП рд╡реНрдпрд╛рд╡рд╣рд╛рд░рд┐рдХ рд░реВрдк рд╕реЗ рдХреБрдЫ рднреА рдирд╣реАрдВ рдерд╛), рд▓реЗрдХрд┐рди рд╡рд┐рдЧреЗрдЯреНрд╕ рджреНрд╡рд╛рд░рд╛ рдЬреЛ рдЕрднреА рднреА рдЗрд▓реНрдпреБрдорд┐рдиреЗрд╢рди рдкреИрдирд▓ рдореЗрдВ рджрд┐рдЦрд╛рдИ рджреЗрддреЗ рд╣реИрдВ, рдЖрдк рдПрдкреАрдЖрдИ рдХреЗ рд▓рд┐рдП рд╕рднреА рдЧреБрдг рдФрд░ рджрд╕реНрддрд╛рд╡реЗрдЬ рджреЗрдЦ рд╕рдХрддреЗ рд╣реИрдВред

рдЦреИрд░, рдорд░рд╣рдо рдореЗрдВ рдПрдХ рдордХреНрдЦреАред рдХрд╛рд╢, рдкреНрд▓рдЧрдЗрди рдореБрдХреНрдд рдирд╣реАрдВ рд╣реИ (рджреЛ рдкреНрд░рдХрд╛рд░ рдХреЗ рд▓рд╛рдЗрд╕реЗрдВрд╕ рд╣реИрдВ: рд╡рд╛рдгрд┐рдЬреНрдпрд┐рдХ рд▓рд╛рдЗрд╕реЗрдВрд╕ рдФрд░ рд╡реНрдпрдХреНрддрд┐рдЧрдд рд▓рд╛рдЗрд╕реЗрдВрд╕, рд╕рдВрдЧрдардиреЛрдВ рдФрд░ рд╡реНрдпрдХреНрддрд┐рдЧрдд рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХреЗ рд▓рд┐рдП, рдХреНрд░рдорд╢рдГ)ред рдЖрдк рдкрд░реАрдХреНрд╖рдг рд╕рдВрд╕реНрдХрд░рдг рдХреЛ рдореБрдлреНрдд рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рд▓реЗрдХрд┐рди рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдореБрдЭреЗ рд╕рдордЭ рдирд╣реАрдВ рдЖрдпрд╛ рдХрд┐ рдкрд░реАрдХреНрд╖рдг рд╕рдВрд╕реНрдХрд░рдг рдФрд░ рдЧреИрд░-рдкрд░реАрдХреНрд╖рдг рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рдмреАрдЪ рдореВрд▓рднреВрдд рдЕрдВрддрд░ рдХреНрдпрд╛ рд╣реИрдВред рд╕рд╛рдВрдЪрд╛ рдмреНрд▓реЙрдЧ рдкрд░ рдкреНрд▓рдЧрдЗрди рдХреЗ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдореЗрдВ рд╕реЗ рдПрдХ рдХреЗ рдЕрдиреБрд╕рд╛рд░: "рдкреАрдПрд╕: рдХреБрдЫ рдЫрд┐рдкреЗ рд╣реБрдП рдЪреАрдЬреЗрдВ рд╣реИрдВ рдЬреЛ рдкрд░реАрдХреНрд╖рдг рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рдЙрдкрд▓рдмреНрдз рдирд╣реАрдВ рд╣реИрдВ ..."ред

Source: https://habr.com/ru/post/In119574/


All Articles