{"id":456090,"date":"2025-04-14T21:00:39","date_gmt":"2025-04-14T21:00:39","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=456090"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=456090","title":{"rendered":"<span>\u041a\u0430\u043a \u044f \u0432\u0443\u0437 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043b. \u0428\u0442\u0443\u0440\u043c \u0432\u0435\u0431\u0430<\/span>"},"content":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<p>\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435.<\/p>\n<p>\u041c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 \u0410\u043d\u0434\u0440\u0435\u0439.\u00a0 \u0420\u0430\u0431\u043e\u0442\u0430\u044e \u044f \u0432 \u0433\u043e\u0441\u0443\u0434\u0430\u0440\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u043c \u0432\u0443\u0437\u0435. \u0418, \u043a\u0430\u043a \u0432\u043e\u0434\u0438\u0442\u0441\u044f, \u0432 \u0442\u0430\u043a\u043e\u0433\u043e \u0440\u043e\u0434\u0430 \u0443\u0447\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u044f\u0445 \u043b\u044e\u0434\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0437\u0430\u043d\u0438\u043c\u0430\u044e\u0442\u0441\u044f \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u0430\u043c\u0438, \u0437\u0430\u043d\u0438\u043c\u0430\u044e\u0442\u0441\u044f \u0438\u043c\u0438 \u0432 \u0448\u0438\u0440\u043e\u043a\u043e\u043c \u0441\u043c\u044b\u0441\u043b\u0435 \u0441\u043b\u043e\u0432\u0430.<\/p>\n<p>\u041f\u0435\u0440\u0432\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u044d\u0442\u043e\u0439 \u0438\u0441\u0442\u043e\u0440\u0438\u0438 <a href=\"https:\/\/habr.com\/ru\/articles\/899334\/\" rel=\"noopener noreferrer nofollow\">\u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0442\u0443\u0442<\/a>. \u0422\u0430\u043c \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0447\u0435\u0440\u043f\u043d\u0443\u0442\u044c \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e \u0442\u043e\u043c, \u0447\u0442\u043e \u0438\u0437 \u0441\u0435\u0431\u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c\u0430\u044f \u043c\u043d\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u0430.\u00a0 \u0425\u043e\u0442\u044f \u0431\u044b \u0432 \u0447\u0430\u0441\u0442\u0438 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445. \u00a0\u0410 \u0431\u0430\u0437\u0430 \u044d\u0442\u043e \u043d\u0430\u0448\u0435 \u0432\u0441\u0435!<\/p>\n<blockquote>\n<p>\u042f \u043d\u0435 \u043e\u0442\u043d\u043e\u0448\u0443 \u0441\u0435\u0431\u044f \u043a \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u043c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u0430\u043c, \u0442\u0430\u043a \u043a\u0430\u043a \u043d\u0435 \u0431\u044b\u043b\u043e \u043e\u043f\u044b\u0442\u0430 \u0440\u0430\u0431\u043e\u0442\u044b \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u0441\u043e \u0432\u0441\u0435\u043c\u0438 \u0432\u044b\u0442\u0435\u043a\u0430\u044e\u0449\u0438\u043c\u0438. \u041f\u043e \u044d\u0442\u043e\u043c\u0443 \u0443 \u043c\u0435\u043d\u044f \u0441\u0432\u043e\u0435\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c \u0438\u0437\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u042f \u0441\u043c\u043e\u0442\u0440\u044e \u043d\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0446\u0435\u043b\u0438\u043a\u043e\u043c. \u0418\u043d\u043e\u0433\u0434\u0430 \u0441\u0442\u0440\u0430\u0434\u0430\u044e \u043e\u0442 \u0441\u0438\u043d\u0434\u0440\u043e\u043c\u0430 \u0441\u0430\u043c\u043e\u0437\u0432\u0430\u043d\u0446\u0430. \u041d\u043e \u0442\u0430\u043a \u0438\u043b\u0438 \u0438\u043d\u0430\u0447\u0435 \u043c\u043e\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442. \u0417\u043d\u0430\u0447\u0438\u0442, \u0447\u0442\u043e-\u0442\u043e \u0434\u0430 \u0443\u043c\u0435\u044e.<\/p>\n<\/blockquote>\n<p>\u0418\u0442\u0430\u043a. \u041a\u0430\u043a \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0441\u044f &#171;\u0418 \u043f\u0440\u0438\u0448\u043b\u0430 \u043f\u0430\u043d\u0434\u0435\u043c\u0438\u044f&#187;!!!\u00a0 \u041e\u0442 \u043d\u0430\u0447\u0430\u043b\u044c\u0441\u0442\u0432\u0430 \u0431\u044b\u043b\u0430 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u0435 \u043a\u0440\u0430\u0442\u043a\u043e\u0435 \u043f\u0438\u0441\u044c\u043c\u043e &#8212; \u043d\u0430\u0434\u043e \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u043b\u043e \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u043e. \u0412\u043e\u0437\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043d\u0435 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442\u0441\u044f.<\/p>\n<p>\u041f\u0440\u0438\u0447\u0435\u043c \u043d\u0430\u0434\u043e \u0431\u044b\u043b\u043e \u044d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0431\u0443\u043a\u0432\u0430\u043b\u044c\u043d\u043e \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0438 2-3 \u043d\u0435\u0434\u0435\u043b\u044c. \u0418, \u043a\u0430\u043a \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0441\u044f, \u0431\u0435\u0437 \u043e\u0442\u0440\u044b\u0432\u0430 \u043e\u0442 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0430. \u0412\u0441\u0435 \u043f\u0440\u043e\u0447\u0435\u0435 \u043d\u0438\u043a\u0442\u043e \u043d\u0435 \u043e\u0442\u043c\u0435\u043d\u044f\u043b.<\/p>\n<p>\u041d\u0430 \u0442\u043e\u0442 \u043c\u043e\u043c\u0435\u043d\u0442 \u044f \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043d\u0435 \u043f\u0438\u0441\u0430\u043b \u0434\u043b\u044f \u0432\u0435\u0431\u0430. \u0422\u0435\u043c \u0431\u043e\u043b\u0435\u0435 \u0432\u0435\u0431 \u044d\u0442\u043e \u043f\u043e\u043d\u044f\u0442\u0438\u0435 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0440\u0430\u0441\u0442\u044f\u0436\u0438\u043c\u043e\u0435. \u042d\u0442\u043e \u0438 \u0432\u0435\u0440\u0441\u0442\u043a\u0430 \u0438 \u043b\u043e\u0433\u0438\u043a\u0430 \u0440\u0430\u0431\u043e\u0442\u044b \u0444\u0440\u043e\u043d\u0442\u0430 \u0418 \u0431\u044d\u043a\u0430. \u0412\u043f\u0440\u043e\u0447\u0435\u043c \u0442\u043e\u0442, \u043a\u0442\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442, \u0442\u043e\u0442 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442 \ud83d\ude42<\/p>\n<p>\u041e\u043f\u044b\u0442\u0430 \u0432 \u044d\u0442\u043e\u043c \u0443 \u043c\u0435\u043d\u044f \u0431\u044b\u043b\u043e \u043e\u0447\u0435\u043d\u044c \u043c\u0430\u043b\u043e. \u041d\u043e \u043d\u0430\u0434\u043e \u0431\u044b\u043b\u043e \u0431\u0443\u043a\u0432\u0430\u043b\u044c\u043d\u043e \u0432\u043e\u0440\u0432\u0430\u0442\u044c\u0441\u044f \u0432 web \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443. \u0423\u0447\u0438\u0442\u044b\u0432\u0430\u044f \u0441\u0440\u043e\u043a\u0438. <\/p>\n<blockquote>\n<p>\u041b\u044e\u0431\u043b\u044e \u0438\u043d\u043e\u0433\u0434\u0430 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u0438\u043d\u043e\u0441\u043a\u0430\u0437\u0430\u043d\u0438\u044f \u0438 \u0430\u043b\u043b\u0435\u0433\u043e\u0440\u0438\u0438. \u041f\u0440\u0430\u0432\u0434\u0430 \u0440\u0435\u0434\u043a\u043e \u043a\u0442\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442. \u041f\u043e \u044d\u0442\u043e\u043c\u0443 \u043e\u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0437\u0443\u044e \u0434\u0430\u043d\u043d\u044b\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0442\u0430\u043a: \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0448\u0442\u0443\u0440\u043c\u0430 \u0432\u0435\u0431\u0430 \u0443 \u043c\u0435\u043d\u044f \u043f\u043e\u0445\u043e\u0434\u0438\u043b \u043d\u0430 \u0431\u044b\u0441\u0442\u0440\u043e\u0435 \u0432\u043e\u0441\u0445\u043e\u0436\u0434\u0435\u043d\u0438\u0435 \u043f\u043e \u043b\u0435\u0441\u0442\u043d\u0438\u0446\u0435, \u0440\u0430\u0437\u0431\u0438\u0432\u0430\u044f \u043d\u043e\u0433\u0438 \u0438 \u043a\u043e\u043b\u0435\u043d\u0438, \u043b\u0438\u0448\u044c \u0431\u044b \u0434\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f \u0434\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0433\u043e \u043f\u0440\u043e\u043b\u0435\u0442\u0430 \u0438 \u043e\u0433\u043b\u044f\u043d\u0443\u0442\u044c\u0441\u044f \u043d\u0430\u0437\u0430\u0434. \u0413\u043b\u0430\u0432\u043d\u043e\u0435 \u0434\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f \u0434\u043e \u043f\u0440\u043e\u043b\u0435\u0442\u0430, \u043f\u0440\u043e\u043c\u0435\u0436\u0443\u0442\u043e\u0447\u043d\u043e\u0433\u043e \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0433\u043e \u043f\u0443\u043d\u043a\u0442\u0430 \ud83d\ude42<\/p>\n<\/blockquote>\n<p>\u0415\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u044f \u043c\u043d\u043e\u0433\u043e \u0434\u043e \u044d\u0442\u043e\u0433\u043e \u0447\u0438\u0442\u0430\u043b \u043f\u043e \u0442\u0435\u043c\u0435 \u0432\u0435\u0431\u0430, \u0447\u0442\u043e \u0442\u043e \u0449\u0443\u043f\u0430\u043b, \u043d\u043e \u0447\u0438\u0442\u0430\u0442\u044c \u043e\u0434\u043d\u043e, \u0430 \u0434\u0435\u043b\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u043e\u0435. \u042d\u0442\u043e \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e \u0440\u0430\u0437\u043d\u044b\u0435 \u0432\u0435\u0449\u0438.<\/p>\n<blockquote>\n<p>\u0420\u0435\u043c\u0430\u0440\u043a\u0430. \u041f\u0438\u0448\u0443 \u044d\u0442\u0443 \u0441\u0442\u0430\u0442\u044c\u044e, \u043a\u0430\u043a \u0438 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0443\u044e, \u043f\u043e \u043f\u0430\u043c\u044f\u0442\u0438. \u0422\u0430\u043a \u0447\u0442\u043e \u043a\u043e\u0434 \u0434\u043b\u044f \u043c\u0435\u043d\u044f, \u0447\u0430\u0441\u0442\u0438\u0447\u043d\u043e, \u0433\u0435\u043d\u0435\u0440\u0438\u0442 DeepSeek. \u042d\u0445. \u0411\u044b\u043b \u0431\u044b \u0442\u043e\u0433\u0434\u0430 \u043e\u043d \ud83d\ude42<\/p>\n<\/blockquote>\n<p>\u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u044f \u0432\u043f\u0430\u043b \u0432 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u0446\u0438\u044e. \u0418, \u043f\u043e\u043b\u0430\u0433\u0430\u044e, \u044d\u0442\u043e \u043d\u043e\u0440\u043c\u0430 \u0432 \u0442\u043e\u0439 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u0438. \u041f\u043e\u0442\u043e\u043c \u043d\u0430\u0447\u0430\u043b \u0440\u044b\u0442\u044c \u043a\u0430\u043a \u043a\u043e \u0432\u0441\u0435\u043c\u0443 \u044d\u0442\u043e\u043c\u0443 \u043f\u043e\u0434\u0441\u0442\u0443\u043f\u0438\u0442\u044c\u0441\u044f. \u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043d\u0443\u0436\u0435\u043d \u0431\u044d\u043a \u0438 \u0444\u0440\u043e\u043d\u0442. \u041d\u0430\u00a0\u0441\u043b\u0443\u0445\u0443\u00a0\u0431\u044b\u043b PHP \u0434\u043b\u044f\u00a0\u0431\u044d\u043a\u0430. \u041f\u043e\u0441\u0442\u0430\u0432\u0438\u043b PHP \u043d\u0430\u00a0\u043a\u043e\u043c\u043f. \u041d\u0430\u0431\u0440\u043e\u0441\u0430\u043b \u043f\u0430\u0440\u0443 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u043b\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0441\u00a0\u0431\u0430\u0437\u044b \u0438 \u043e\u0442\u0434\u0430\u0432\u0430\u043b\u0438 \u043d\u0430\u00a0\u0444\u0440\u043e\u043d\u0442. \u00ab\u0411\u0440\u043e\u0441\u0430\u0442\u044c\u00bb \u0441\u043a\u0440\u0438\u043f\u0442\u044b\u00a0\u0431\u044b\u043b\u043e \u043e\u0447\u0435\u043d\u044c \u00ab\u0431\u043e\u043b\u044c\u043d\u043e\u00bb. \u0412\u043e \u043f\u0435\u0440\u0432\u044b\u0445 PHP \u043d\u0438 \u0440\u0430\u0437\u0443 \u043d\u0435 \u0449\u0443\u043f\u0430\u043b. \u00a0\u0412\u043e-\u0432\u0442\u043e\u0440\u044b\u0445, \u0441\u043a\u0440\u0438\u043f\u0442\u044b \u043f\u0438\u0441\u0430\u043b \u0432 Notepad++:-). \u0412 \u043e\u0431\u044b\u043a\u043d\u043e\u0432\u0435\u043d\u043d\u043e\u043c \u0431\u043b\u043e\u043a\u043d\u043e\u0442\u0435 \u043d\u0435\u0442 \u043f\u043e\u0434\u0441\u0432\u0435\u0442\u043a\u0438 \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441\u0430, \u0430 \u0442\u043e\u0433\u0434\u0430 \u043e\u043d\u0430 \u043d\u0443\u0436\u043d\u0430 \u0431\u044b\u043b\u0430 \u043a\u0430\u043a \u0432\u043e\u0437\u0434\u0443\u0445. <\/p>\n<p>\u0414\u0438\u043a\u043e \u043f\u0440\u043e\u0437\u0432\u0443\u0447\u0438\u0442, \u043d\u043e \u043e\u0442\u043b\u0430\u0434\u043a\u0430 PHP \u0431\u044b\u043b\u0430 \u0443\u0441\u0442\u0440\u043e\u0435\u043d\u0430 \u0442\u0430\u043a &#8212; \u0441\u043a\u0440\u0438\u043f\u0442 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435, \u0434\u0435\u0440\u0433\u0430\u044e \u0443\u0440\u043b, \u0441\u043c\u043e\u0442\u0440\u044e \u043e\u0448\u0438\u0431\u043a\u0438. \u0414\u0430, \u0441\u0442\u0440\u0430\u0448\u043d\u043e \u0437\u0432\u0443\u0447\u0438\u0442, \u043d\u043e\u00a0\u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043d\u0430\u00a0\u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u0443\u044e \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0443 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f \u043d\u0435\u00a0\u0431\u044b\u043b\u043e \u043e\u0442\u00a0\u0441\u043b\u043e\u0432\u0430 \u0432\u043e\u043e\u0431\u0449\u0435. \u041c\u043e\u0436\u0435\u0442 \u043a\u0442\u043e \u0442\u043e \u0441\u043a\u0430\u0436\u0435\u0442, \u0447\u0442\u043e\u00a0\u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0432\u0441\u0435 \u044d\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0431\u0435\u0437\u00a0\u043e\u0441\u043e\u0431\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0438\u00a0\u0431\u044b\u0441\u0442\u0440\u043e\u00a0\u2014 \u0441\u043f\u043e\u0440\u0438\u0442\u044c \u043d\u0435\u00a0\u0431\u0443\u0434\u0443. \u041c\u043e\u0436\u0435\u0442 \u043e\u043d\u043e \u0438 \u0442\u0430\u043a.<\/p>\n<p>\u0422\u0430\u043a \u0447\u0442\u043e\u00a0\u043f\u0435\u0440\u0432\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u0431\u044d\u043a\u0430 \u0434\u043b\u044f\u00a0\u0443\u0445\u043e\u0434\u0430 \u0432 \u043e\u043d\u043b\u0430\u0439\u043d \u0431\u044b\u043b\u0430 \u043d\u0430 PHP.    <\/p>\n<p>\u041f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u044c\u043d\u043e \u043d\u0430\u0447\u0430\u043b \u0434\u0443\u043c\u0430\u0442\u044c \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u0441 \u0444\u0440\u043e\u043d\u0442\u043e\u043c. \u041d\u0435 \u0437\u043d\u0430\u044e \u043a\u0430\u043a, \u043d\u043e \u0432 \u0438\u0442\u043e\u0433\u0435 \u044f \u0432\u044b\u0448\u0435\u043b \u043d\u0430 ExtJs \u043e\u0442 Sencha. \u041d\u0430\u0432\u0435\u0440\u043d\u043e \u043f\u043e\u0434\u043a\u0443\u043f\u0438\u043b\u043e \u043c\u0435\u043d\u044f \u0442\u043e\u0433\u0434\u0430 \u0432 \u043d\u0435\u0439 \u0442\u043e, \u0447\u0442\u043e, \u0441\u0443\u0434\u044f \u043f\u043e \u0441\u0430\u0439\u0442\u0443, \u00a0\u0441 \u0435\u0435 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u043e\u0436\u043d\u043e \u0434\u0435\u043b\u0430\u0442\u044c &#171;\u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f&#187;.\u00a0 \u0418 \u0442\u0430\u043a \u0436\u0435 \u0442\u043e, \u0447\u0442\u043e \u0442\u0430\u043c \u0435\u0441\u0442\u044c \u0442\u0430\u043a\u043e\u0439 \u043e\u0431\u044a\u0435\u043a\u0442, \u043a\u0430\u043a \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435. \u041d\u0435\u0447\u0442\u043e \u043f\u043e\u0445\u043e\u0436\u0435\u0435 \u043d\u0430 TPFibDataset \u0432 Delphi. \u041f\u043b\u044e\u0441\u043e\u043c \u0443 \u043c\u0435\u043d\u044f \u043d\u0435 \u0431\u044b\u043b\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043d\u0430 \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u0435 css \u0438 \u0432\u0435\u0440\u0441\u0442\u043a\u0438. \u00a0\u0414\u0430 \u0438 \u0432\u044b\u0431\u043e\u0440 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 \u043d\u0430\u0434\u043e \u0431\u044b\u043b\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u0431\u044b\u0441\u0442\u0440\u043e. \u041a\u0441\u0442\u0430\u0442\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u041c\u0438\u043d\u0444\u0438\u043d\u0430 \u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u044b\u0439 \u0411\u044e\u0434\u0436\u0435\u0442 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0430 \u0442\u043e\u0436\u0435 \u043d\u0430 ExtJs!<\/p>\n<p>\u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0447\u0442\u043e \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043b\u043e\u0441\u044c \u043e\u0442 \u0444\u0440\u043e\u043d\u0442\u0430? \u0415\u0441\u043b\u0438 \u0441\u043e\u0432\u0441\u0435\u043c \u0443\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0431\u044b\u043b\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u0432\u0441\u044f\u043a\u043e\u0433\u043e \u0440\u043e\u0434\u0430 \u0436\u0443\u0440\u043d\u0430\u043b\u044b. \u0418 \u043f\u043b\u044e\u0441\u043e\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u0430 \u0431\u044b\u043b\u0430 \u043d\u0435\u043a\u0430\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0437\u0432\u0430\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442. \u0415\u0433\u043e \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0438 \u043b\u043e\u0433\u0438\u043a\u0430 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f, \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445. <\/p>\n<p>\u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u043e \u0436\u0443\u0440\u043d\u0430\u043b\u0430\u0445. \u0411\u044b\u043b\u0430 \u0443 \u043c\u0435\u043d\u044f \u0442\u0430\u043a\u0430\u044f \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u0432 Win \u0441\u0438\u0441\u0442\u0435\u043c\u0435. \u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0447\u0442\u043e \u043e\u0442 \u043d\u0438\u0445 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f? \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0438 \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u0438\u0445 \u0432 \u043d\u0435\u043a\u043e\u043c \u0433\u0440\u0438\u0434\u0435. \u0414\u0430\u043b\u0435\u0435 \u043f\u0440\u0438\u0432\u0435\u0434\u0443 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438. \u0414\u0430\u043d\u043d\u044b\u0435 \u0432 ExtJs \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0432 \u0432\u0438\u0434\u0435 \u043c\u043e\u0434\u0435\u043b\u0438. \u0425\u0440\u0430\u043d\u044f\u0442\u0441\u044f \u044d\u0442\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u0432\u0438\u0434\u0435 \u043c\u043e\u0434\u0435\u043b\u0435\u0439 \u0432 \u0441\u0442\u043e\u0440\u0430\u0445.<\/p>\n<details class=\"spoiler\">\n<summary>\u0421\u043a\u0440\u044b\u0442\u044b\u0439 \u0442\u0435\u043a\u0441\u0442<\/summary>\n<div class=\"spoiler__content\">\n<pre><code class=\"javascript\">Ext.onReady(function() {       Ext.define('studentsModel', {        extend: 'Ext.data.Model',        fields: ['pk','f','i','o','sex','birthday'],        idProperty: 'pk'      });             var store = Ext.create('Ext.data.Store', {        model: 'studentsModel',        proxy: {             type: 'ajax',             url: '\/vuz\/data\/studentsList',             reader: {                 type: 'json',                 root: 'data'             }         },         autoLoad: true    });     var grid = Ext.create('Ext.grid.Panel', {        store: store,        columns: [        {            text     : '\u0424\u0430\u043c\u0438\u043b\u0438\u044f',            dataIndex: 'f'        },        {            text     : '\u0418\u043c\u044f',            dataIndex: 'i'        },        {            text     : '\u041e\u0442\u0447\u0435\u0441\u0442\u0432\u043e',            dataIndex: 'o'        },        {            text     : '\u0414\u0435\u043d\u044c \u0440\u043e\u0436\u0434\u0435\u043d\u0438\u044f',            dataIndex: 'birthday'        },        ],        height: 350,        width: 600,        title: '\u0421\u0442\u0443\u0434\u0435\u043d\u0442\u044b',        renderTo: 'grid4'    }); });  <\/code><\/pre>\n<p>\u0422\u0443\u0442 \u043c\u044b \u043f\u043e\u0441\u043b\u0435 \u0443\u0434\u0430\u0447\u043d\u043e\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0432\u0441\u0435\u0433\u043e \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u043c\u043e\u0434\u0435\u043b\u044c \u0434\u0430\u043d\u043d\u044b\u0445, \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0438 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u043c \u0433\u0440\u0438\u0434 \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0432 html \u044d\u043b\u0435\u043c\u0435\u043d\u0442 grid4. \u041f\u043e\u0441\u043b\u0435 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u0442\u043e\u0440\u0430 <strong>(autoLoad: true)<\/strong> \u0437\u0430\u043f\u0440\u043e\u0441 \u0443\u0439\u0434\u0435\u0442 \u043d\u0430 url <strong>\/vuz\/data\/studentsList<\/strong>. \u041e\u0436\u0438\u0434\u0430\u0435\u0442\u0441\u044f, \u0447\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0435\u043d \u043e\u0442\u0432\u0435\u0442 \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 json \u0438\u00a0 \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0431\u0443\u0434\u0435\u0442 \u043d\u0430\u0437\u044b\u0432\u0430\u0442\u044c\u0441\u044f data. \u0423\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u044e\u0447 \u0443 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u043e\u0439 \u0437\u0430\u043f\u0438\u0441\u0438 \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c\u0441\u044f \u0432 \u043f\u0440\u043e\u043f\u0435\u0440\u0442\u0438 \u0441 \u0438\u043c\u0435\u043d\u0435\u043c, \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u044b\u043c \u0432 idProperty. \u041f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e ExtJs \u0441\u0447\u0438\u0442\u0430\u0435\u0442 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u043c \u043a\u043b\u044e\u0447\u0435\u043c \u043f\u0440\u043e\u043f\u0435\u0440\u0442\u044c \u0441 \u0438\u043c\u0435\u043d\u0435\u043c id.<\/p>\n<p>\u041c\u043e\u0436\u043d\u043e \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u0433\u0440\u0438\u0434 \u0438 \u0432 \u043f\u0430\u043d\u0435\u043b\u044c, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0447\u0430\u0441\u0442\u044c\u044e \u043a\u0430\u043a\u043e\u0433\u043e \u0442\u043e \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0442\u0430\u0431\u043b\u0438\u0447\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0444\u043e\u0440\u043c\u044b \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430). \u041a\u043e\u0434 \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0442\u0430\u043a\u043e\u0439<\/p>\n<details class=\"spoiler\">\n<summary>\u0421\u043a\u0440\u044b\u0442\u044b\u0439 \u0442\u0435\u043a\u0441\u0442<\/summary>\n<div class=\"spoiler__content\">\n<pre><code class=\"javascript\">\/\/ \u0421\u043e\u0437\u0434\u0430\u0435\u043c grid var GridPanel = Ext.create('Ext.grid.Panel', {     store: store,     columns: [{             text: '\u0424\u0430\u043c\u0438\u043b\u0438\u044f',             dataIndex: 'f'         },         {             text: '\u0418\u043c\u044f',             dataIndex: 'i'         },         {             text: '\u041e\u0442\u0447\u0435\u0441\u0442\u0432\u043e',             dataIndex: 'o'         },         {             text: '\u0414\u0435\u043d\u044c \u0440\u043e\u0436\u0434\u0435\u043d\u0438\u044f',             dataIndex: 'birthday'         }     ],     height: 350,     width: 600,     title: '\u0421\u0442\u0443\u0434\u0435\u043d\u0442\u044b' });  \/\/ \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043f\u0430\u043d\u0435\u043b\u044c \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0432 \u043d\u0435\u0435 grid var panel = Ext.create('Ext.panel.Panel', {     title: '\u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0434\u043b\u044f \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u043e\u0432',     width: 650,     height: 400,     layout: 'fit',     items: GridPanel,     renderTo: Ext.getBody() \/\/ \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043c \u0432 body (\u043c\u043e\u0436\u043d\u043e \u0443\u043a\u0430\u0437\u0430\u0442\u044c ID \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430) });<\/code><\/pre>\n<\/div>\n<\/details>\n<p>\u041d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u043f\u043e\u044f\u0441\u043d\u0435\u043d\u0438\u0435. \u0412 \u043a\u043e\u0434\u0435 \u0432\u044b\u0448\u0435 \u043c\u044b \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u0430\u043b\u0438 \u0433\u0440\u0438\u0434 \u0432 \u043f\u0430\u043d\u0435\u043b\u044c, \u0430 \u0441\u0430\u043c\u0443 \u043f\u0430\u043d\u0435\u043b\u044c \u0432 html \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0442\u0435\u043b\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u0423 Ext.grid.Panel \u0432 columns \u043c\u044b \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043a\u0430\u043a\u0438\u0435 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u0431\u0443\u0434\u0443\u0442 \u0443 \u0442\u0430\u0431\u043b\u0438\u0446\u044b. Text \u0438 dataIndex \u044d\u0442\u043e \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u0438 \u043f\u043e\u043b\u0435 \u043e\u0442\u043a\u0443\u0434\u0430 \u0431\u0440\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u043e\u0431\u044a\u0435\u043a\u0442\u0435 store. \u0423 \u043f\u0430\u043d\u0435\u043b\u0438 \u0435\u0441\u0442\u044c \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e items. \u041f\u043e \u0441\u0443\u0442\u0438 \u044d\u0442\u043e children. \u0422\u0435 \u044d\u0442\u043e \u0442\u043e\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c\u0441\u044f \u0432 \u044d\u0442\u043e\u0439\u00a0 \u0441\u0430\u043c\u043e\u0439 \u043f\u0430\u043d\u0435\u043b\u0438. <\/p>\n<p>\u0412 Win \u0441\u0438\u0441\u0442\u0435\u043c\u0435 \u0443 \u043c\u0435\u043d\u044f \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u043e\u0432\u0430\u043b\u043e \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u0436\u0443\u0440\u043d\u0430\u043b\u043e\u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0438 \u043c\u043d\u043e\u0433\u043e \u0432\u0441\u044f\u043a\u043e\u0433\u043e \u0440\u043e\u0434\u0430 \u0441\u043f\u0438\u0441\u043a\u043e\u0432. \u0421\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043d\u0430\u0431\u043e\u0440 \u043a\u043e\u043b\u043e\u043d\u043e\u043a \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0436\u0443\u0440\u043d\u0430\u043b\u0430 \u0441\u0432\u043e\u0439. \u0416\u0435\u0441\u0442\u043a\u043e \u043a\u043e\u0434\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u0433\u0440\u0438\u0434\u043e\u0432 &#8212; \u043d\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 (\u043d\u043e \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u0440\u0438\u043d\u0443\u043b\u0441\u044f \u0432 \u044d\u0442\u0443 \u0441\u0442\u043e\u0440\u043e\u043d\u0443). \u041e\u0447\u0435\u043d\u044c \u0434\u043e\u043b\u0433\u043e \u0438 \u043e\u0447\u0435\u043d\u044c \u043e\u0431\u044a\u0435\u043c\u043d\u043e \u043f\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0443 \u043a\u043e\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0442\u044f\u043d\u0443\u0442\u044c \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0430. \u041f\u043b\u044e\u0441\u043e\u043c \u0443 \u043c\u0435\u043d\u044f \u0432 win \u0441\u0438\u0441\u0442\u0435\u043c\u0435 \u0431\u044b\u043b\u043e \u043f\u043e\u043d\u044f\u0442\u0438\u0435-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043c\u0435\u0442\u0430\u0434\u0430\u043d\u043d\u044b\u0445. \u0418 \u0432\u0441\u044f \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432 \u0445\u0440\u0430\u043d\u0438\u043b\u0430\u0441\u044c \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u0442\u0430\u0431\u043b\u0438\u0446\u0430\u0445 \u0432 \u0431\u0430\u0437\u0435.\u00a0 <\/p>\n<p>\u041c\u043e\u0436\u0435\u0442 \u044f \u0442\u043e\u0433\u0434\u0430 \u0437\u0430\u0431\u043b\u0443\u0436\u0434\u0430\u043b\u0441\u044f, \u0445\u043e\u0442\u044f \u0434\u0443\u043c\u0430\u044e \u043d\u0435\u0442, \u043d\u043e \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0436\u0443\u0440\u043d\u0430\u043b\u0430 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0431\u044b\u043b\u043e \u0438\u043c\u0435\u0442\u044c \u0433\u0440\u0438\u0434 \u0441 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0439 \u043a\u043e\u043b\u043e\u043d\u043e\u043a, \u0438\u043c\u0435\u0442\u044c \u0437\u0430\u0434\u0435\u043a\u043b\u0430\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0432 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0435 \u043e\u0431\u044a\u0435\u043a\u0442 \u0441\u0442\u043e\u0440\u0430 \u0438 \u0437\u0430\u0434\u0435\u043a\u043b\u0430\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442 \u043c\u043e\u0434\u0435\u043b\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 \u0441\u0442\u043e\u0440\u0430. \u00a0\u041f\u043e \u044d\u0442\u043e\u043c\u0443 \u0440\u043e\u0434\u0438\u043b\u0441\u044f \u043a\u043e\u0434 \u0432\u0440\u043e\u0434\u0435 \u044d\u0442\u043e\u0433\u043e. \u041e\u043f\u044f\u0442\u044c \u0436\u0435 &#8212; \u043f\u0438\u0448\u0443 \u043f\u043e \u043f\u0430\u043c\u044f\u0442\u0438, \u0441 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043f\u043e\u043c\u043e\u0449\u044c\u044e DeepSeek.<\/p>\n<\/div>\n<\/details>\n<details class=\"spoiler\">\n<summary>\u0421\u043a\u0440\u044b\u0442\u044b\u0439 \u0442\u0435\u043a\u0441\u0442<\/summary>\n<div class=\"spoiler__content\">\n<pre><code class=\"javascript\">function createDynamicModel (modelName, dataUrl, fieldsConfig) {     \/\/ \u041f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u0443\u0435\u043c \u043f\u0440\u043e\u0441\u0442\u0443\u044e \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044e \u043f\u043e\u043b\u0435\u0439 \u0432 \u0444\u043e\u0440\u043c\u0430\u0442 ExtJS     var extFields = fieldsConfig.map(function (field) {         return {             name: field.name,             \u0438 \u043f\u0440\u043e\u0447\u0438\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b         };     }, this);      \/\/ \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043c\u043e\u0434\u0435\u043b\u044c     return Ext.define('MyApp.model.' + modelName, {         extend: 'Ext.data.Model',         fields: extFields,          \/\/ \u041c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c proxy, \u0435\u0441\u043b\u0438 \u043e\u043d \u0443\u043a\u0430\u0437\u0430\u043d \u0432 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438         proxy: {             type: 'ajax',             url: dataUrl,             reader: {                 type: 'json',                 rootProperty: 'data'             }         }     }); }  function createDynamicStore (storeName, model, storeConfig) {     var config = Ext.apply({         storeId: 'Store.' + storeName,         model: model,         autoLoad: false,         pageSize: 25     }, storeConfig || {});      return Ext.create('Ext.data.Store', config); }<\/code><\/pre>\n<\/div>\n<\/details>\n<p>\u0410 \u0432\u043e\u0442 \u0442\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u044d\u0442\u043e\u0442 \u043a\u043e\u0434 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c<\/p>\n<details class=\"spoiler\">\n<summary>\u0421\u043a\u0440\u044b\u0442\u044b\u0439 \u0442\u0435\u043a\u0441\u0442<\/summary>\n<div class=\"spoiler__content\">\n<pre><code class=\"javascript\">var serverConfig = {     fields: [         {name: 'pk', title:'', type: 'int', visible:false, width:10, dataIndex :0},         {name: 'f', title:'\u0424\u0430\u043c\u0438\u043b\u0438\u044f', type: 'string', visible:true, width:100, dataIndex :1 },         {name: 'i', title:'\u0418\u043c\u044f', type: 'string', visible: true, width:100, dataIndex :2 },         {name: 'o', title:'\u041e\u0442\u0447\u0435\u0441\u0442\u0432\u043e', type: 'string', visible: true, width:100, dataIndex :3 },     ],     storeConfig: {         autoLoad: false,         proxy: {             url: '\/api\/students'         }     },     modelName: 'student' };  \/\/ \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043c\u043e\u0434\u0435\u043b\u044c \u0438 store var studentModel = createDynamicModel(serverConfig.modelName, serverConfig.fields) var studentStore = createDynamicStore(serverConfig.modelName, studentModel , serverConfig.storeConfig);    \/\/ \u0418\u043b\u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0438\u0445 \u043f\u043e\u0437\u0436\u0435 \u043f\u043e \u0438\u043c\u0435\u043d\u0438: var studentModel = Ext.ModelManager.getModel('MyApp.model.'+ serverConfig.modelName); var studentStore = Ext.getStore('Store.'+ serverConfig.modelName);  <\/code><\/pre>\n<\/div>\n<\/details>\n<p>\u0412 \u0438\u0442\u043e\u0433\u0435 \u043c\u044b \u0438\u043c\u0435\u0435\u043c \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0443\u044e \u043c\u043e\u0434\u0435\u043b\u044c \u0438 \u0441\u0442\u043e\u0440. \u0412\u0441\u0435 \u0434\u0430\u043d\u043d\u044b\u0435, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0434\u043b\u044f \u0438\u0445 \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438 \u0437\u0430\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u0430. \u041e\u0441\u0442\u0430\u043d\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u0438 serverConfig \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044e \u0433\u0440\u0438\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0435. \u042d\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0442\u0430\u043a.<\/p>\n<details class=\"spoiler\">\n<summary>\u0421\u043a\u0440\u044b\u0442\u044b\u0439 \u0442\u0435\u043a\u0441\u0442<\/summary>\n<div class=\"spoiler__content\">\n<pre><code class=\"javascript\">Ext.define('DynamicApp.view.DynamicGrid', {     extend: 'Ext.grid.Panel',     alias: 'widget.dynamicgrid',      initComponent: function () {         \/\/ \u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043c \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044e \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u0430         Ext.Ajax.request({             url: '\/api\/config',             method: 'GET',             scope: this,             success: function (response) {                 var config = Ext.decode(response.responseText);                 this.createGrid(config);             },             failure: function () {                 Ext.Msg.alert('\u041e\u0448\u0438\u0431\u043a\u0430', '\u041d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044e');             }         });          this.callParent();     },      createGrid: function (config) {         var studentModel = createDynamicModel(config.modelName, config.fields)         var studentStore = createDynamicStore(config.modelName, studentModel, config.storeConfig);          \/\/ \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u043c\u043e\u0434\u0435\u043b\u044c \u0432 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435         store.updateModelConfig(config.fields);          \/\/ \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044e \u043a\u043e\u043b\u043e\u043d\u043e\u043a         var columns = this.buildColumns(config.fields);          \/\/ \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044e \u0433\u0440\u0438\u0434\u0430         Ext.apply(this, {             store: studentStore,             columns: columns,             title: config.title || '\u0414\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0433\u0440\u0438\u0434'         });          \/\/ \u0415\u0441\u043b\u0438 \u0433\u0440\u0438\u0434 \u0443\u0436\u0435 \u043e\u0442\u0440\u0435\u043d\u0434\u0435\u0440\u0435\u043d, \u043d\u0443\u0436\u043d\u043e \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u0435\u0433\u043e         if (this.rendered) {             this.reconfigure(studentStore, columns);         }     },      buildColumns: function (columnConfigs) {         return Ext.Array.map(columnConfigs, function (col) {             return {                 text: col.title,                 dataIndex: col.dataIndex,                 flex: col.flex || 1,                 sortable: col.sortable !== false             };         });     } });<\/code><\/pre>\n<\/div>\n<\/details>\n<p>\u0422\u0430\u043a \u0447\u0442\u043e \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e  \u0431\u044b\u0441\u0442\u0440\u043e (\u0435\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0431\u044b\u0441\u0442\u0440\u043e \u044d\u0442\u043e \u043f\u043e\u043d\u044f\u0442\u0438\u0435 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0435 ) \u044f \u0440\u0435\u0448\u0438\u043b \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0432\u0441\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0445 \u0441\u043f\u0438\u0441\u043a\u043e\u0432. \u042d\u0442\u043e \u0436\u0443\u0440\u043d\u0430\u043b\u044b, \u043e\u0442\u0447\u0435\u0442\u044b.<\/p>\n<p>\u041d\u043e, \u043f\u043e\u043c\u0438\u043c\u043e \u043e\u0442\u0447\u0435\u0442\u043e\u0432 \u0438 \u0432\u0441\u044f\u043a\u043e\u0433\u043e \u0440\u043e\u0434\u0430 \u0441\u043f\u0438\u0441\u043a\u043e\u0432-\u0436\u0443\u0440\u043d\u0430\u043b\u043e\u0432, \u0435\u0441\u0442\u044c \u0435\u0449\u0435 \u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b. \u0410 \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u00a0\u043c\u043e\u0436\u043d\u043e \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0432 \u0432\u0438\u0434\u0435 \u0434\u0432\u0443\u0445 \u0441\u0442\u043e\u0440\u043e\u0432. \u0421\u0442\u043e\u0440 \u0448\u0430\u043f\u043a\u0438 \u0438 \u0441\u0442\u043e\u0440 \u0442\u0435\u043b\u0430. \u0414\u0430 \u0435\u0449\u0435,\u00a0 \u043f\u043e\u043c\u0438\u043c\u043e \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u0434\u0430\u043d\u043d\u044b\u0435 \u043d\u0430\u0434\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u0430, \u0438\u0445 \u043d\u0430\u0434\u043e \u0435\u0449\u0435 \u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c !<\/p>\n<p>\u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043c\u043e\u0434\u0435\u043b\u044c \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043f\u0438\u0441\u0430\u0442\u044c \u0442\u0430\u043a.<\/p>\n<details class=\"spoiler\">\n<summary>\u0421\u043a\u0440\u044b\u0442\u044b\u0439 \u0442\u0435\u043a\u0441\u0442<\/summary>\n<div class=\"spoiler__content\">\n<pre><code class=\"javascript\">Ext.define('studentHeaderModel', {     extend: 'Ext.data.Model',     fields: ['pk', 'f', 'i', 'o', 'sex', 'birthday'],      proxy: {         type: 'ajax', \/\/ \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c AJAX \u0432\u043c\u0435\u0441\u0442\u043e REST         url: '\/vuz\/data\/studentInfo', \/\/ \u0411\u0430\u0437\u043e\u0432\u044b\u0439 URL API         extraParams: { \/\/ \u0421\u0442\u0430\u0442\u0438\u0447\u043d\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b (\u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0432 load())             pk: null \/\/ \u041f\u043e\u043a\u0430 \u043d\u0435 \u0437\u043d\u0430\u0435\u043c pk, \u043d\u043e \u0437\u0430\u0434\u0430\u0451\u043c \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443         },          reader: {             type: 'json',             rootProperty: 'data'         },         writer: {             type: 'json',             writeAllFields: true \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0432\u0441\u0435 \u043f\u043e\u043b\u044f, \u0434\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u043d\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u044b         }     }  });<\/code><\/pre>\n<\/div>\n<\/details>\n<p>\u0412 \u043c\u043e\u0434\u0435\u043b\u0438 reader \u0438 writer \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u044b \u0437\u0430 \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 \u043e\u0434\u043d\u043e\u0439 \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u0437\u0430\u043f\u0438\u0441\u044c\u044e. \u0422\u0430\u043a \u043a\u0430\u043a \u043c\u043e\u0434\u0435\u043b\u044c \u043f\u043e \u0441\u0443\u0442\u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u043e\u0434\u0438\u043d \u043e\u0431\u044a\u0435\u043a\u0442-\u0437\u0430\u043f\u0438\u0441\u044c. \u00a0\u041f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u043e\u043d\u0430 \u043f\u043e\u043b\u0435\u0437\u043d\u0430 \u0432 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430. \u041f\u043e \u043a\u0440\u0430\u0439\u043d\u0435\u0439 \u043c\u0435\u0440\u0435 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0448\u0430\u043f\u043a\u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430. \u0422\u0430\u043a \u043a\u0430\u043a \u0448\u0430\u043f\u043a\u0430 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u0437\u0430\u043f\u0438\u0441\u044c\u044e-\u043e\u0431\u044a\u0435\u043a\u0442\u043e\u043c. \u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 extraParams \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u0435\u043d \u0437\u0430 \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0443 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440 \u0432 \u0441\u043b\u0443\u0447\u0430\u0435, \u0435\u0441\u043b\u0438 \u043d\u0430\u043c \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u043d\u0430\u0434\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043a\u0430\u043a\u0443\u044e \u0442\u043e \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u0443\u044e \u0437\u0430\u043f\u0438\u0441\u044c.<\/p>\n<p>\u0414\u0430\u043b\u0435\u0435 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c store \u0434\u043b\u044f \u0437\u0430\u043f\u0438\u0441\u0435\u0439 \u0448\u0430\u043f\u043a\u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430. \u0418 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u043c\u0441\u044f \u043a\u0430\u043a \u0441 \u043d\u0438\u043c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u0430<\/p>\n<details class=\"spoiler\">\n<summary>\u0421\u043a\u0440\u044b\u0442\u044b\u0439 \u0442\u0435\u043a\u0441\u0442<\/summary>\n<div class=\"spoiler__content\">\n<pre><code class=\"javascript\">var studentStore = Ext.create('Ext.data.Store', {     model: 'studentHeaderModel',     autoLoad: true });  const student = Ext.create('studentHeaderModel', {     pk: 42 }); \/\/ \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043c\u043e\u0434\u0435\u043b\u044c-\u043e\u0431\u044a\u0435\u043a\u0442  student.getProxy().setExtraParam('pk', student.get(' pk ')); \/\/ \u0423\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c pk \u0432 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b student.load(); \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442 GET \/vuz\/data\/ studentInfo?pk=42  \/\/\u0438\u043b\u0438 \u0436\u0435 \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u043c \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u0434\u043b\u044f \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u0442\u0430\u043a student.load({     params: {         pk: student.get('pk') \/\/ \u041f\u0435\u0440\u0435\u0434\u0430\u0451\u043c 'pk \u043a\u0430\u043a \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440     },     success: function (record) {         userData = record.getData(); \/\/  \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u0432\u043e \u0432\u043d\u0435\u0448\u043d\u044e\u044e \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e     }  });<\/code><\/pre>\n<\/div>\n<\/details>\n<p>\u0417\u0430\u043f\u0440\u043e\u0441 \u0443\u0439\u0434\u0435\u0442 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440 \u0432 \u0432\u0438\u0434\u0435 <strong>GET<\/strong> \u043d\u0430 url <strong>\/vuz\/data\/ studentInfo?pk=42<\/strong>    \u041f\u043e\u0441\u043b\u0435 \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440 \u0437\u0430 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u043e\u043d\u0438 \u0431\u0443\u0434\u0443\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c\u0441\u044f \u0432 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0439 \u043c\u043e\u0434\u0435\u043b\u0438 <strong>student<\/strong>.  \u0422\u0430\u043a \u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0434\u0430\u043d\u043d\u044b\u043c \u0447\u0435\u0440\u0435\u0437 <strong>studentStore<\/strong><\/p>\n<p>\u041e\u043a. \u0421 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0445 \u0432\u0440\u043e\u0434\u0435 \u043a\u0430\u043a \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u043b\u0438\u0441\u044c. \u0422\u0435\u043f\u0435\u0440\u044c \u043d\u0430\u0434\u043e \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f \u043a\u0430\u043a \u0431\u044b\u0442\u044c \u0432 \u0441\u043b\u0443\u0447\u0430\u0435, \u043a\u043e\u0433\u0434\u0430 \u043d\u0430\u043c \u043d\u0430\u0434\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440. \u0412\u0435\u0440\u043d\u0435\u0435 \u043b\u0438\u0431\u043e \u043e\u0431\u043d\u043e\u0432\u0438\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u0438\u043c\u0435\u044e\u0449\u0435\u0439\u0441\u044f \u043c\u043e\u0434\u0435\u043b\u0438, \u043b\u0438\u0431\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440 \u043d\u043e\u0432\u0443\u044e \u043c\u043e\u0434\u0435\u043b\u044c \u0434\u0430\u043d\u043d\u044b\u0445 (\u043f\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u043c\u0443 &#8212; \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043d\u043e\u0432\u0443\u044e \u0437\u0430\u043f\u0438\u0441\u044c \u0432 \u0431\u0430\u0437\u0435 \u043d\u0430 \u0431\u044d\u043a\u0435 )<br \/>\u0427\u0442\u043e\u0431\u044b \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435(\u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043d\u0435\u043a\u0443\u044e \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c) \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435<\/p>\n<details class=\"spoiler\">\n<summary>\u0421\u043a\u0440\u044b\u0442\u044b\u0439 \u0442\u0435\u043a\u0441\u0442<\/summary>\n<div class=\"spoiler__content\">\n<pre><code class=\"javascript\">\/\/ \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043d\u043e\u0432\u043e\u0433\u043e \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u0430 const newStudent = Ext.create('studentHeaderModel', {     f: '\u0418\u0432\u0430\u043d\u043e\u0432',     i: '\u0418\u0432\u0430\u043d',     o: '\u0418\u0432\u0430\u043d\u043e\u0432\u0438\u0447',     sex: 'M',     birthday: '01.01.2020'  });  \/\/ \u0421\u043e\u0445\u0440\u0430\u043d\u044f\u0435\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f  newStudent.save({     success: function(record, operation) {         Ext.Msg.alert('\u0423\u0441\u043f\u0435\u0445');     },     failure: function(record, operation) {         Ext.Msg.alert('\u041e\u0448\u0438\u0431\u043a\u0430');     } });  \/\/\u0422\u043e\u0436\u0435 \u0441\u0430\u043c\u043e\u0435 \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0438 \u0447\u0435\u0440\u0435\u0437 store.  \/\/\u041a\u043e\u0434 \u0442\u0430\u043a\u043e\u0439  studentStore.add(newStudent); studentStore.sync() <\/code><\/pre>\n<\/div>\n<\/details>\n<p>\u041d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440 \u0443\u0439\u0434\u0435\u0442  POST \u043d\u0430 <strong>\/vuz\/data\/studentInfo<\/strong>  \u0432\u0438\u0434\u0430 <code>{    f: '\u0418\u0432\u0430\u043d\u043e\u0432',  i: '\u0418\u0432\u0430\u043d',  o: '\u0418\u0432\u0430\u043d\u043e\u0432\u0438\u0447',  sex: 'M, birthday: '01.01.2020' } <\/code>. <\/p>\n<p>\u0427\u0442\u043e\u0431\u044b \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u043c\u043e\u0434\u0435\u043b\u0438 \u043d\u0430 \u0444\u0440\u043e\u043d\u0442\u0435 \u043e\u0431\u043d\u043e\u0432\u0438\u043b\u0438\u0441\u044c (\u043d\u0430\u043c \u043d\u0443\u0436\u0435\u043d \u0418\u0414 \u0434\u043b\u044f \u043d\u043e\u0432\u043e\u0439 \u0437\u0430\u043f\u0438\u0441\u0438) \u0441\u0435\u0440\u0432\u0435\u0440 \u0434\u043e\u043b\u0436\u0435\u043d \u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0442\u0430\u043a\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 &#8212;  <\/p>\n<p><code>{<br \/> \"success\": true,<br \/> \"data\":  { pk:123,f: '\u0418\u0432\u0430\u043d\u043e\u0432',  i: '\u0418\u0432\u0430\u043d',  o: '\u0418\u0432\u0430\u043d\u043e\u0432\u0438\u0447',  sex: 'M, birthday: '01.01.2020' }}<\/code><\/p>\n<p>\u041f\u043e\u0441\u043b\u0435 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u043c \u043c\u044b \u043c\u043e\u0436\u0435\u043c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043d\u0430 \u0444\u0440\u043e\u043d\u0442\u0435 \u0418\u0414 \u043d\u043e\u0432\u043e\u0439 \u0437\u0430\u043f\u0438\u0441\u0438 \u0447\u0435\u0440\u0435\u0437 <strong>newStudent.getId()<\/strong>. \u0410 \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043b\u0438\u0431\u043e \u0447\u0435\u0440\u0435\u0437 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e \u043c\u043e\u0434\u0435\u043b\u0438 <strong>newStudent<\/strong>, \u043b\u0438\u0431\u043e \u0447\u0435\u0440\u0435\u0437 \u0441\u0442\u043e\u0440 \u0442\u0430\u043a\u0438\u043c \u0432\u043e\u0442 \u043e\u0431\u0440\u0430\u0437\u043e\u043c <strong>var newStudent = studentStore.getAt(0)<\/strong>. \u0418 \u0434\u0430\u043b\u0435\u0435 <strong>newStudent.get(&#8216;i&#8217;)<\/strong><\/p>\n<p>\u0412 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430 \u043e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f \u043a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0435\u0433\u043e \u0442\u0430\u0431\u043b\u0438\u0447\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438. \u0412 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0435 \u0440\u0430\u0431\u043e\u0442\u0430 \u0441 \u043d\u0435\u0439 \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0448\u0430\u043f\u043a\u0438. \u0420\u0430\u0437\u043d\u0438\u0446\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0435\u043c store \u0443 \u043d\u0430\u0441 \u0431\u0443\u0434\u0435\u0442 \u043d\u0435 \u043e\u0434\u043d\u0430 \u0437\u0430\u043f\u0438\u0441\u044c, \u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e. \u0418 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043c\u044b \u0435\u0435 \u043c\u043e\u0436\u0435\u043c \u0447\u0435\u0440\u0435\u0437 \u043c\u0435\u0442\u043e\u0434 \u0441\u0442\u043e\u0440\u0430 <strong>getAt(pos)<\/strong><\/p>\n<p>\u041e\u043a. \u0412\u0440\u043e\u0434\u0435 \u043a\u0430\u043a \u0440\u0430\u0437\u043e\u0431\u0440\u0430\u043b\u0438\u0441\u044c \u043a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430. \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0435\u0433\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e.<\/p>\n<p>\u0422\u0443\u0442, \u0434\u0443\u043c\u0430\u044e , \u043d\u0435 \u0441\u0442\u043e\u0438\u0442 \u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0434. \u0422\u0430\u043a \u043a\u0430\u043a \u043e\u043d \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u043e\u0431\u044a\u0435\u043c\u0435\u043d. \u041c\u043e\u0436\u043d\u043e \u0441\u043f\u0440\u043e\u0441\u0438\u0442\u044c DeepSeek \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0442\u0430\u043a.<\/p>\n<blockquote>\n<p>\u041f\u0440\u0438\u0432\u0435\u0434\u0438 \u043f\u0440\u0438\u043c\u0435\u0440 \u0434\u043b\u044f extjs \u0444\u043e\u0440\u043c\u044b \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043f\u0430\u043d\u0435\u043b\u044c \u0448\u0430\u043f\u043a\u0438 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430. \u0438 \u043f\u0430\u043d\u0435\u043b\u044c \u0442\u0430\u0431\u043b\u0438\u0447\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438. \u0412 \u0442\u0430\u0431\u043b\u0438\u0447\u043d\u043e\u0439 \u0447\u0430\u0441\u0442\u0438 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0433\u0440\u0438\u0434 \u0441\u043e \u0441\u0442\u0440\u043e\u043a\u0430\u043c\u0438. \u0412 \u0448\u0430\u043f\u043a\u0435 \u0444\u043e\u0440\u043c\u0430 \u0441 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u043c\u0438 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0430\u043c\u0438.<\/p>\n<\/blockquote>\n<p>\u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0438 \u0432\u0441\u0435. \u0415\u0441\u043b\u0438 \u043a\u0440\u0430\u0442\u043a\u043e. \u041e\u0441\u0442\u0430\u043b\u043e\u0441\u044c \u0442\u043e\u043b\u044c\u043a\u043e &#171;\u043d\u0430\u0442\u044f\u043d\u0443\u0442\u044c&#187; \u044d\u0442\u043e \u043d\u0430 \u043a\u0430\u043a\u0443\u044e \u0442\u043e \u043e\u0441\u043d\u043e\u0432\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u043b\u0430 \u0431\u044b \u043c\u0435\u043d\u044e\u0448\u043a\u0438, \u0432\u044b\u0431\u043e\u0440\u044b \u0436\u0443\u0440\u043d\u0430\u043b\u043e\u0432 \u0438 \u0442\u0434.<\/p>\n<p>\u041f\u043e\u0441\u043b\u0435 \u0434\u043e\u043b\u0433\u0438\u0445 \u0440\u0430\u0437\u0434\u0443\u043c\u0438\u0439 \u0431\u044b\u043b\u0430<a href=\"https:\/\/examples.sencha.com\/extjs\/7.8.0\/examples\/classic\/desktop\/\" rel=\"noopener noreferrer nofollow\"> \u0432\u044b\u0431\u0440\u0430\u043d\u0430 \u0442\u0430\u043a\u0430\u044f &#171;\u0442\u0435\u043c\u0430&#187;<\/a>. <\/p>\n<p>\u0414\u0430, \u044d\u0442\u043e \u043f\u043e\u0445\u043e\u0436\u0435 \u043d\u0430 &#171;\u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u0435&#187;. \u0418 \u0434\u0430\u0436\u0435, \u0432\u0440\u043e\u0434\u0435 \u043a\u0430\u043a, \u043d\u0430 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 Windows, \u0447\u0442\u043e \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u043f\u043e\u043d\u044f\u0442\u043d\u043e \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u043c\u0443 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e.  \u0414\u043b\u044f \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0438\u0445 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u044d\u0442\u043e \u0431\u043e\u043b\u0435\u0435 \u043c\u0435\u043d\u0435\u0435 \u0443\u0434\u043e\u0431\u043d\u043e.<\/p>\n<p>\u041c\u043d\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430 \u043f\u043e\u043b\u0443\u0447\u0438\u043b\u043e\u0441\u044c. \u041f\u043e \u044d\u0442\u043e\u043c\u0443 \u0437\u0430\u043a\u0440\u0443\u0433\u043b\u044f\u044e\u0441\u044c \ud83d\ude42<\/p>\n<p>\u041e\u0442\u043c\u0435\u0447\u0443 , \u0447\u0442\u043e \u0432 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0435 \u044d\u0442\u043e\u0433\u043e \u0448\u0442\u0443\u0440\u043c\u0430 \u0432\u0435\u0431\u0430 \u0443 \u043c\u0435\u043d\u044f \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u043b\u043e\u0441\u044c \u043d\u0430 \u0434\u0432\u0430 \u043f\u043e\u0440\u044f\u0434\u043a\u0430 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b, \u0442\u0430\u043a \u043a\u0430\u043a \u043f\u043e\u044f\u0432\u0438\u043b\u0438\u0441\u044c \u0435\u0449\u0435 \u0438 \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u044b.  \u0414\u0430\u043d\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043f\u0440\u043e\u0436\u0438\u043b\u0430 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0432\u0440\u0435\u043c\u044f, \u0447\u0430\u0441\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u044f \u043e\u0441\u0442\u0430\u0432\u0438\u043b \u0432 win \u0441\u0438\u0441\u0442\u0435\u043c\u0435. \u0418 \u043d\u0430\u0447\u0430\u043b \u0434\u0443\u043c\u0430\u0442\u044c \u0447\u0442\u043e \u0436 \u0434\u0435\u043b\u0430\u0442\u044c \u0434\u0430\u043b\u044c\u0448\u0435 \ud83d\ude42<\/p>\n<p>\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u043b \u0434\u0430\u043b\u044c\u0448\u0435 \u044d\u0442\u043e \u0443\u0436\u0435 \u0442\u0435\u043c\u0430 \u0434\u0440\u0443\u0433\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0438. \u042f \u0440\u0435\u0437\u043a\u043e \u0443\u0448\u0435\u043b \u0432 React \u0438 NodeJs. \u041f\u043e\u043b\u0443\u0447\u0438\u043b\u0430\u0441\u044c \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0431\u043e\u043b\u044c\u0448\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430. \u0411\u043e\u044e\u0441\u044c, \u0435\u0441\u043b\u0438 \u043f\u0438\u0441\u0430\u0442\u044c \u0435\u0449\u0435 \u0434\u043d\u0443 \u0441\u0442\u0430\u0442\u044c\u044e \u0438 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0442\u044c \u0435\u0435 \u0446\u0435\u043b\u0438\u043a\u043e\u043c, \u0442\u043e \u043e\u043f\u044f\u0442\u044c \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0441\u044f \u043c\u043d\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430. \u041c\u043e\u0436\u0435\u0442 \u043a\u0442\u043e \u0442\u043e \u043f\u043e\u0441\u043e\u0432\u0435\u0442\u0443\u0435\u0442 \u043a\u0430\u043a \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u0441\u0442\u0430\u0442\u044c\u044e.<\/p>\n<p>\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435! \u041d\u0430\u0434\u0435\u044e\u0441\u044c, \u0431\u044b\u043b\u043e \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e!<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!----><!----><\/div>\n<p><!----><!----><br \/> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"https:\/\/habr.com\/ru\/articles\/900834\/\"> https:\/\/habr.com\/ru\/articles\/900834\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div><!--[--><!--]--><\/div>\n<div id=\"post-content-body\">\n<div>\n<div class=\"article-formatted-body article-formatted-body article-formatted-body_version-2\">\n<div xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<p>\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435.<\/p>\n<p>\u041c\u0435\u043d\u044f \u0437\u043e\u0432\u0443\u0442 \u0410\u043d\u0434\u0440\u0435\u0439.\u00a0 \u0420\u0430\u0431\u043e\u0442\u0430\u044e \u044f \u0432 \u0433\u043e\u0441\u0443\u0434\u0430\u0440\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u043c \u0432\u0443\u0437\u0435. \u0418, \u043a\u0430\u043a \u0432\u043e\u0434\u0438\u0442\u0441\u044f, \u0432 \u0442\u0430\u043a\u043e\u0433\u043e \u0440\u043e\u0434\u0430 \u0443\u0447\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u044f\u0445 \u043b\u044e\u0434\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0437\u0430\u043d\u0438\u043c\u0430\u044e\u0442\u0441\u044f \u043a\u043e\u043c\u043f\u044c\u044e\u0442\u0435\u0440\u0430\u043c\u0438, \u0437\u0430\u043d\u0438\u043c\u0430\u044e\u0442\u0441\u044f \u0438\u043c\u0438 \u0432 \u0448\u0438\u0440\u043e\u043a\u043e\u043c \u0441\u043c\u044b\u0441\u043b\u0435 \u0441\u043b\u043e\u0432\u0430.<\/p>\n<p>\u041f\u0435\u0440\u0432\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u044d\u0442\u043e\u0439 \u0438\u0441\u0442\u043e\u0440\u0438\u0438 <a href=\"https:\/\/habr.com\/ru\/articles\/899334\/\" rel=\"noopener noreferrer nofollow\">\u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0442\u0443\u0442<\/a>. \u0422\u0430\u043c \u043c\u043e\u0436\u043d\u043e \u043f\u043e\u0447\u0435\u0440\u043f\u043d\u0443\u0442\u044c \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u0443\u044e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e \u0442\u043e\u043c, \u0447\u0442\u043e \u0438\u0437 \u0441\u0435\u0431\u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c\u0430\u044f \u043c\u043d\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u0430.\u00a0 \u0425\u043e\u0442\u044f \u0431\u044b \u0432 \u0447\u0430\u0441\u0442\u0438 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0430 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445. \u00a0\u0410 \u0431\u0430\u0437\u0430 \u044d\u0442\u043e \u043d\u0430\u0448\u0435 \u0432\u0441\u0435!<\/p>\n<blockquote>\n<p>\u042f \u043d\u0435 \u043e\u0442\u043d\u043e\u0448\u0443 \u0441\u0435\u0431\u044f \u043a \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u043c \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u0430\u043c, \u0442\u0430\u043a \u043a\u0430\u043a \u043d\u0435 \u0431\u044b\u043b\u043e \u043e\u043f\u044b\u0442\u0430 \u0440\u0430\u0431\u043e\u0442\u044b \u0432 \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u0441\u043e \u0432\u0441\u0435\u043c\u0438 \u0432\u044b\u0442\u0435\u043a\u0430\u044e\u0449\u0438\u043c\u0438. \u041f\u043e \u044d\u0442\u043e\u043c\u0443 \u0443 \u043c\u0435\u043d\u044f \u0441\u0432\u043e\u0435\u043e\u0431\u0440\u0430\u0437\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c \u0438\u0437\u043b\u043e\u0436\u0435\u043d\u0438\u044f. \u042f \u0441\u043c\u043e\u0442\u0440\u044e \u043d\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0446\u0435\u043b\u0438\u043a\u043e\u043c. \u0418\u043d\u043e\u0433\u0434\u0430 \u0441\u0442\u0440\u0430\u0434\u0430\u044e \u043e\u0442 \u0441\u0438\u043d\u0434\u0440\u043e\u043c\u0430 \u0441\u0430\u043c\u043e\u0437\u0432\u0430\u043d\u0446\u0430. \u041d\u043e \u0442\u0430\u043a \u0438\u043b\u0438 \u0438\u043d\u0430\u0447\u0435 \u043c\u043e\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442. \u0417\u043d\u0430\u0447\u0438\u0442, \u0447\u0442\u043e-\u0442\u043e \u0434\u0430 \u0443\u043c\u0435\u044e.<\/p>\n<\/blockquote>\n<p>\u0418\u0442\u0430\u043a. \u041a\u0430\u043a \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0441\u044f &#171;\u0418 \u043f\u0440\u0438\u0448\u043b\u0430 \u043f\u0430\u043d\u0434\u0435\u043c\u0438\u044f&#187;!!!\u00a0 \u041e\u0442 \u043d\u0430\u0447\u0430\u043b\u044c\u0441\u0442\u0432\u0430 \u0431\u044b\u043b\u0430 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u0435 \u043a\u0440\u0430\u0442\u043a\u043e\u0435 \u043f\u0438\u0441\u044c\u043c\u043e &#8212; \u043d\u0430\u0434\u043e \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u043b\u043e \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u043e. \u0412\u043e\u0437\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043d\u0435 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442\u0441\u044f.<\/p>\n<p>\u041f\u0440\u0438\u0447\u0435\u043c \u043d\u0430\u0434\u043e \u0431\u044b\u043b\u043e \u044d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0431\u0443\u043a\u0432\u0430\u043b\u044c\u043d\u043e \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0438 2-3 \u043d\u0435\u0434\u0435\u043b\u044c. \u0418, \u043a\u0430\u043a \u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0441\u044f, \u0431\u0435\u0437 \u043e\u0442\u0440\u044b\u0432\u0430 \u043e\u0442 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0430. \u0412\u0441\u0435 \u043f\u0440\u043e\u0447\u0435\u0435 \u043d\u0438\u043a\u0442\u043e \u043d\u0435 \u043e\u0442\u043c\u0435\u043d\u044f\u043b.<\/p>\n<p>\u041d\u0430 \u0442\u043e\u0442 \u043c\u043e\u043c\u0435\u043d\u0442 \u044f \u0432\u043e\u043e\u0431\u0449\u0435 \u043d\u0438\u043a\u043e\u0433\u0434\u0430 \u043d\u0435 \u043f\u0438\u0441\u0430\u043b \u0434\u043b\u044f \u0432\u0435\u0431\u0430. \u0422\u0435\u043c \u0431\u043e\u043b\u0435\u0435 \u0432\u0435\u0431 \u044d\u0442\u043e \u043f\u043e\u043d\u044f\u0442\u0438\u0435 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0440\u0430\u0441\u0442\u044f\u0436\u0438\u043c\u043e\u0435. \u042d\u0442\u043e \u0438 \u0432\u0435\u0440\u0441\u0442\u043a\u0430 \u0438 \u043b\u043e\u0433\u0438\u043a\u0430 \u0440\u0430\u0431\u043e\u0442\u044b \u0444\u0440\u043e\u043d\u0442\u0430 \u0418 \u0431\u044d\u043a\u0430. \u0412\u043f\u0440\u043e\u0447\u0435\u043c \u0442\u043e\u0442, \u043a\u0442\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442, \u0442\u043e\u0442 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442 \ud83d\ude42<\/p>\n<p>\u041e\u043f\u044b\u0442\u0430 \u0432 \u044d\u0442\u043e\u043c \u0443 \u043c\u0435\u043d\u044f \u0431\u044b\u043b\u043e \u043e\u0447\u0435\u043d\u044c \u043c\u0430\u043b\u043e. \u041d\u043e \u043d\u0430\u0434\u043e \u0431\u044b\u043b\u043e \u0431\u0443\u043a\u0432\u0430\u043b\u044c\u043d\u043e \u0432\u043e\u0440\u0432\u0430\u0442\u044c\u0441\u044f \u0432 web \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0443. \u0423\u0447\u0438\u0442\u044b\u0432\u0430\u044f \u0441\u0440\u043e\u043a\u0438. <\/p>\n<blockquote>\n<p>\u041b\u044e\u0431\u043b\u044e \u0438\u043d\u043e\u0433\u0434\u0430 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u0438\u043d\u043e\u0441\u043a\u0430\u0437\u0430\u043d\u0438\u044f \u0438 \u0430\u043b\u043b\u0435\u0433\u043e\u0440\u0438\u0438. \u041f\u0440\u0430\u0432\u0434\u0430 \u0440\u0435\u0434\u043a\u043e \u043a\u0442\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442. \u041f\u043e \u044d\u0442\u043e\u043c\u0443 \u043e\u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0437\u0443\u044e \u0434\u0430\u043d\u043d\u044b\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0442\u0430\u043a: \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0448\u0442\u0443\u0440\u043c\u0430 \u0432\u0435\u0431\u0430 \u0443 \u043c\u0435\u043d\u044f \u043f\u043e\u0445\u043e\u0434\u0438\u043b \u043d\u0430 \u0431\u044b\u0441\u0442\u0440\u043e\u0435 \u0432\u043e\u0441\u0445\u043e\u0436\u0434\u0435\u043d\u0438\u0435 \u043f\u043e \u043b\u0435\u0441\u0442\u043d\u0438\u0446\u0435, \u0440\u0430\u0437\u0431\u0438\u0432\u0430\u044f \u043d\u043e\u0433\u0438 \u0438 \u043a\u043e\u043b\u0435\u043d\u0438, \u043b\u0438\u0448\u044c \u0431\u044b \u0434\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f \u0434\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0433\u043e \u043f\u0440\u043e\u043b\u0435\u0442\u0430 \u0438 \u043e\u0433\u043b\u044f\u043d\u0443\u0442\u044c\u0441\u044f \u043d\u0430\u0437\u0430\u0434. \u0413\u043b\u0430\u0432\u043d\u043e\u0435 \u0434\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f \u0434\u043e \u043f\u0440\u043e\u043b\u0435\u0442\u0430, \u043f\u0440\u043e\u043c\u0435\u0436\u0443\u0442\u043e\u0447\u043d\u043e\u0433\u043e \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0433\u043e \u043f\u0443\u043d\u043a\u0442\u0430 \ud83d\ude42<\/p>\n<\/blockquote>\n<p>\u0415\u0441\u0442\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u044f \u043c\u043d\u043e\u0433\u043e \u0434\u043e \u044d\u0442\u043e\u0433\u043e \u0447\u0438\u0442\u0430\u043b \u043f\u043e \u0442\u0435\u043c\u0435 \u0432\u0435\u0431\u0430, \u0447\u0442\u043e \u0442\u043e \u0449\u0443\u043f\u0430\u043b, \u043d\u043e \u0447\u0438\u0442\u0430\u0442\u044c \u043e\u0434\u043d\u043e, \u0430 \u0434\u0435\u043b\u0430\u0442\u044c \u0434\u0440\u0443\u0433\u043e\u0435. \u042d\u0442\u043e \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e \u0440\u0430\u0437\u043d\u044b\u0435 \u0432\u0435\u0449\u0438.<\/p>\n<blockquote>\n<p>\u0420\u0435\u043c\u0430\u0440\u043a\u0430. \u041f\u0438\u0448\u0443 \u044d\u0442\u0443 \u0441\u0442\u0430\u0442\u044c\u044e, \u043a\u0430\u043a \u0438 \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0443\u044e, \u043f\u043e \u043f\u0430\u043c\u044f\u0442\u0438. \u0422\u0430\u043a \u0447\u0442\u043e \u043a\u043e\u0434 \u0434\u043b\u044f \u043c\u0435\u043d\u044f, \u0447\u0430\u0441\u0442\u0438\u0447\u043d\u043e, \u0433\u0435\u043d\u0435\u0440\u0438\u0442 DeepSeek. \u042d\u0445. \u0411\u044b\u043b \u0431\u044b \u0442\u043e\u0433\u0434\u0430 \u043e\u043d \ud83d\ude42<\/p>\n<\/blockquote>\n<p>\u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u044f \u0432\u043f\u0430\u043b \u0432 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u0446\u0438\u044e. \u0418, \u043f\u043e\u043b\u0430\u0433\u0430\u044e, \u044d\u0442\u043e \u043d\u043e\u0440\u043c\u0430 \u0432 \u0442\u043e\u0439 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u0438. \u041f\u043e\u0442\u043e\u043c \u043d\u0430\u0447\u0430\u043b \u0440\u044b\u0442\u044c \u043a\u0430\u043a \u043a\u043e \u0432\u0441\u0435\u043c\u0443 \u044d\u0442\u043e\u043c\u0443 \u043f\u043e\u0434\u0441\u0442\u0443\u043f\u0438\u0442\u044c\u0441\u044f. \u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043d\u0443\u0436\u0435\u043d \u0431\u044d\u043a \u0438 \u0444\u0440\u043e\u043d\u0442. \u041d\u0430\u00a0\u0441\u043b\u0443\u0445\u0443\u00a0\u0431\u044b\u043b PHP \u0434\u043b\u044f\u00a0\u0431\u044d\u043a\u0430. \u041f\u043e\u0441\u0442\u0430\u0432\u0438\u043b PHP \u043d\u0430\u00a0\u043a\u043e\u043c\u043f. \u041d\u0430\u0431\u0440\u043e\u0441\u0430\u043b \u043f\u0430\u0440\u0443 \u0441\u043a\u0440\u0438\u043f\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043b\u0443\u0447\u0430\u043b\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0441\u00a0\u0431\u0430\u0437\u044b \u0438 \u043e\u0442\u0434\u0430\u0432\u0430\u043b\u0438 \u043d\u0430\u00a0\u0444\u0440\u043e\u043d\u0442. \u00ab\u0411\u0440\u043e\u0441\u0430\u0442\u044c\u00bb \u0441\u043a\u0440\u0438\u043f\u0442\u044b\u00a0\u0431\u044b\u043b\u043e \u043e\u0447\u0435\u043d\u044c \u00ab\u0431\u043e\u043b\u044c\u043d\u043e\u00bb. \u0412\u043e \u043f\u0435\u0440\u0432\u044b\u0445 PHP \u043d\u0438 \u0440\u0430\u0437\u0443 \u043d\u0435 \u0449\u0443\u043f\u0430\u043b. \u00a0\u0412\u043e-\u0432\u0442\u043e\u0440\u044b\u0445, \u0441\u043a\u0440\u0438\u043f\u0442\u044b \u043f\u0438\u0441\u0430\u043b \u0432 Notepad++:-). \u0412 \u043e\u0431\u044b\u043a\u043d\u043e\u0432\u0435\u043d\u043d\u043e\u043c \u0431\u043b\u043e\u043a\u043d\u043e\u0442\u0435 \u043d\u0435\u0442 \u043f\u043e\u0434\u0441\u0432\u0435\u0442\u043a\u0438 \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441\u0430, \u0430 \u0442\u043e\u0433\u0434\u0430 \u043e\u043d\u0430 \u043d\u0443\u0436\u043d\u0430 \u0431\u044b\u043b\u0430 \u043a\u0430\u043a \u0432\u043e\u0437\u0434\u0443\u0445. <\/p>\n<p>\u0414\u0438\u043a\u043e \u043f\u0440\u043e\u0437\u0432\u0443\u0447\u0438\u0442, \u043d\u043e \u043e\u0442\u043b\u0430\u0434\u043a\u0430 PHP \u0431\u044b\u043b\u0430 \u0443\u0441\u0442\u0440\u043e\u0435\u043d\u0430 \u0442\u0430\u043a &#8212; \u0441\u043a\u0440\u0438\u043f\u0442 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435, \u0434\u0435\u0440\u0433\u0430\u044e \u0443\u0440\u043b, \u0441\u043c\u043e\u0442\u0440\u044e \u043e\u0448\u0438\u0431\u043a\u0438. \u0414\u0430, \u0441\u0442\u0440\u0430\u0448\u043d\u043e \u0437\u0432\u0443\u0447\u0438\u0442, \u043d\u043e\u00a0\u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043d\u0430\u00a0\u043f\u043e\u043b\u043d\u043e\u0446\u0435\u043d\u043d\u0443\u044e \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0443 \u043e\u043a\u0440\u0443\u0436\u0435\u043d\u0438\u044f \u043d\u0435\u00a0\u0431\u044b\u043b\u043e \u043e\u0442\u00a0\u0441\u043b\u043e\u0432\u0430 \u0432\u043e\u043e\u0431\u0449\u0435. \u041c\u043e\u0436\u0435\u0442 \u043a\u0442\u043e \u0442\u043e \u0441\u043a\u0430\u0436\u0435\u0442, \u0447\u0442\u043e\u00a0\u043d\u0430\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0432\u0441\u0435 \u044d\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0431\u0435\u0437\u00a0\u043e\u0441\u043e\u0431\u044b\u0445 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0438\u00a0\u0431\u044b\u0441\u0442\u0440\u043e\u00a0\u2014 \u0441\u043f\u043e\u0440\u0438\u0442\u044c \u043d\u0435\u00a0\u0431\u0443\u0434\u0443. \u041c\u043e\u0436\u0435\u0442 \u043e\u043d\u043e \u0438 \u0442\u0430\u043a.<\/p>\n<p>\u0422\u0430\u043a \u0447\u0442\u043e\u00a0\u043f\u0435\u0440\u0432\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u0431\u044d\u043a\u0430 \u0434\u043b\u044f\u00a0\u0443\u0445\u043e\u0434\u0430 \u0432 \u043e\u043d\u043b\u0430\u0439\u043d \u0431\u044b\u043b\u0430 \u043d\u0430 PHP.    <\/p>\n<p>\u041f\u0430\u0440\u0430\u043b\u043b\u0435\u043b\u044c\u043d\u043e \u043d\u0430\u0447\u0430\u043b \u0434\u0443\u043c\u0430\u0442\u044c \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u0441 \u0444\u0440\u043e\u043d\u0442\u043e\u043c. \u041d\u0435 \u0437\u043d\u0430\u044e \u043a\u0430\u043a, \u043d\u043e \u0432 \u0438\u0442\u043e\u0433\u0435 \u044f \u0432\u044b\u0448\u0435\u043b \u043d\u0430 ExtJs \u043e\u0442 Sencha. \u041d\u0430\u0432\u0435\u0440\u043d\u043e \u043f\u043e\u0434\u043a\u0443\u043f\u0438\u043b\u043e \u043c\u0435\u043d\u044f \u0442\u043e\u0433\u0434\u0430 \u0432 \u043d\u0435\u0439 \u0442\u043e, \u0447\u0442\u043e, \u0441\u0443\u0434\u044f \u043f\u043e \u0441\u0430\u0439\u0442\u0443, \u00a0\u0441 \u0435\u0435 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u043c\u043e\u0436\u043d\u043e \u0434\u0435\u043b\u0430\u0442\u044c &#171;\u043a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f&#187;.\u00a0 \u0418 \u0442\u0430\u043a \u0436\u0435 \u0442\u043e, \u0447\u0442\u043e \u0442\u0430\u043c \u0435\u0441\u0442\u044c \u0442\u0430\u043a\u043e\u0439 \u043e\u0431\u044a\u0435\u043a\u0442, \u043a\u0430\u043a \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435. \u041d\u0435\u0447\u0442\u043e \u043f\u043e\u0445\u043e\u0436\u0435\u0435 \u043d\u0430 TPFibDataset \u0432 Delphi. \u041f\u043b\u044e\u0441\u043e\u043c \u0443 \u043c\u0435\u043d\u044f \u043d\u0435 \u0431\u044b\u043b\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u043d\u0430 \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u0435 css \u0438 \u0432\u0435\u0440\u0441\u0442\u043a\u0438. \u00a0\u0414\u0430 \u0438 \u0432\u044b\u0431\u043e\u0440 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0430 \u043d\u0430\u0434\u043e \u0431\u044b\u043b\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u0431\u044b\u0441\u0442\u0440\u043e. \u041a\u0441\u0442\u0430\u0442\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u041c\u0438\u043d\u0444\u0438\u043d\u0430 \u042d\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u044b\u0439 \u0411\u044e\u0434\u0436\u0435\u0442 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0430 \u0442\u043e\u0436\u0435 \u043d\u0430 ExtJs!<\/p>\n<p>\u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0447\u0442\u043e \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043b\u043e\u0441\u044c \u043e\u0442 \u0444\u0440\u043e\u043d\u0442\u0430? \u0415\u0441\u043b\u0438 \u0441\u043e\u0432\u0441\u0435\u043c \u0443\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c, \u0442\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0431\u044b\u043b\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u0432\u0441\u044f\u043a\u043e\u0433\u043e \u0440\u043e\u0434\u0430 \u0436\u0443\u0440\u043d\u0430\u043b\u044b. \u0418 \u043f\u043b\u044e\u0441\u043e\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u0430 \u0431\u044b\u043b\u0430 \u043d\u0435\u043a\u0430\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c, \u043a\u043e\u0442\u043e\u0440\u0443\u044e \u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0437\u0432\u0430\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442. \u0415\u0433\u043e \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u043e\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0438 \u043b\u043e\u0433\u0438\u043a\u0430 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f, \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445. <\/p>\n<p>\u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u043e \u0436\u0443\u0440\u043d\u0430\u043b\u0430\u0445. \u0411\u044b\u043b\u0430 \u0443 \u043c\u0435\u043d\u044f \u0442\u0430\u043a\u0430\u044f \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u0430\u044f \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u0432 Win \u0441\u0438\u0441\u0442\u0435\u043c\u0435. \u0421\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0447\u0442\u043e \u043e\u0442 \u043d\u0438\u0445 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f? \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u0430 \u0438 \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u0438\u0445 \u0432 \u043d\u0435\u043a\u043e\u043c \u0433\u0440\u0438\u0434\u0435. \u0414\u0430\u043b\u0435\u0435 \u043f\u0440\u0438\u0432\u0435\u0434\u0443 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u0440 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438. \u0414\u0430\u043d\u043d\u044b\u0435 \u0432 ExtJs \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0432 \u0432\u0438\u0434\u0435 \u043c\u043e\u0434\u0435\u043b\u0438. \u0425\u0440\u0430\u043d\u044f\u0442\u0441\u044f \u044d\u0442\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u0432\u0438\u0434\u0435 \u043c\u043e\u0434\u0435\u043b\u0435\u0439 \u0432 \u0441\u0442\u043e\u0440\u0430\u0445.<\/p>\n<details class=\"spoiler\">\n<summary>\u0421\u043a\u0440\u044b\u0442\u044b\u0439 \u0442\u0435\u043a\u0441\u0442<\/summary>\n<div class=\"spoiler__content\">\n<pre><code class=\"javascript\">Ext.onReady(function() {       Ext.define('studentsModel', {        extend: 'Ext.data.Model',        fields: ['pk','f','i','o','sex','birthday'],        idProperty: 'pk'      });             var store = Ext.create('Ext.data.Store', {        model: 'studentsModel',        proxy: {             type: 'ajax',             url: '\/vuz\/data\/studentsList',             reader: {                 type: 'json',                 root: 'data'             }         },         autoLoad: true    });     var grid = Ext.create('Ext.grid.Panel', {        store: store,        columns: [        {            text     : '\u0424\u0430\u043c\u0438\u043b\u0438\u044f',            dataIndex: 'f'        },        {            text     : '\u0418\u043c\u044f',            dataIndex: 'i'        },        {            text     : '\u041e\u0442\u0447\u0435\u0441\u0442\u0432\u043e',            dataIndex: 'o'        },        {            text     : '\u0414\u0435\u043d\u044c \u0440\u043e\u0436\u0434\u0435\u043d\u0438\u044f',            dataIndex: 'birthday'        },        ],        height: 350,        width: 600,        title: '\u0421\u0442\u0443\u0434\u0435\u043d\u0442\u044b',        renderTo: 'grid4'    }); });  <\/code><\/pre>\n<p>\u0422\u0443\u0442 \u043c\u044b \u043f\u043e\u0441\u043b\u0435 \u0443\u0434\u0430\u0447\u043d\u043e\u0439 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0432\u0441\u0435\u0433\u043e \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0430 \u0441\u043e\u0437\u0434\u0430\u0435\u043c \u043c\u043e\u0434\u0435\u043b\u044c \u0434\u0430\u043d\u043d\u044b\u0445, \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435 \u0438 \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u043c \u0433\u0440\u0438\u0434 \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0432 html \u044d\u043b\u0435\u043c\u0435\u043d\u0442 grid4. \u041f\u043e\u0441\u043b\u0435 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u0442\u043e\u0440\u0430 <strong>(autoLoad: true)<\/strong> \u0437\u0430\u043f\u0440\u043e\u0441 \u0443\u0439\u0434\u0435\u0442 \u043d\u0430 url <strong>\/vuz\/data\/studentsList<\/strong>. \u041e\u0436\u0438\u0434\u0430\u0435\u0442\u0441\u044f, \u0447\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0435\u043d \u043e\u0442\u0432\u0435\u0442 \u0432 \u0444\u043e\u0440\u043c\u0430\u0442\u0435 json \u0438\u00a0 \u043a\u043e\u0440\u043d\u0435\u0432\u043e\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0431\u0443\u0434\u0435\u0442 \u043d\u0430\u0437\u044b\u0432\u0430\u0442\u044c\u0441\u044f data. \u0423\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u044e\u0447 \u0443 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u043e\u0439 \u0437\u0430\u043f\u0438\u0441\u0438 \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c\u0441\u044f \u0432 \u043f\u0440\u043e\u043f\u0435\u0440\u0442\u0438 \u0441 \u0438\u043c\u0435\u043d\u0435\u043c, \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u044b\u043c \u0432 idProperty. \u041f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e ExtJs \u0441\u0447\u0438\u0442\u0430\u0435\u0442 \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u043c \u043a\u043b\u044e\u0447\u0435\u043c \u043f\u0440\u043e\u043f\u0435\u0440\u0442\u044c \u0441 \u0438\u043c\u0435\u043d\u0435\u043c id.<\/p>\n<p>\u041c\u043e\u0436\u043d\u043e \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c \u0433\u0440\u0438\u0434 \u0438 \u0432 \u043f\u0430\u043d\u0435\u043b\u044c, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0447\u0430\u0441\u0442\u044c\u044e \u043a\u0430\u043a\u043e\u0433\u043e \u0442\u043e \u0434\u0440\u0443\u0433\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0442\u0430\u0431\u043b\u0438\u0447\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0444\u043e\u0440\u043c\u044b \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430). \u041a\u043e\u0434 \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0442\u0430\u043a\u043e\u0439<\/p>\n<details class=\"spoiler\">\n<summary>\u0421\u043a\u0440\u044b\u0442\u044b\u0439 \u0442\u0435\u043a\u0441\u0442<\/summary>\n<div class=\"spoiler__content\">\n<pre><code class=\"javascript\">\/\/ \u0421\u043e\u0437\u0434\u0430\u0435\u043c grid var GridPanel = Ext.create('Ext.grid.Panel', {     store: store,     columns: [{             text: '\u0424\u0430\u043c\u0438\u043b\u0438\u044f',             dataIndex: 'f'         },         {             text: '\u0418\u043c\u044f',             dataIndex: 'i'         },         {             text: '\u041e\u0442\u0447\u0435\u0441\u0442\u0432\u043e',             dataIndex: 'o'         },         {             text: '\u0414\u0435\u043d\u044c \u0440\u043e\u0436\u0434\u0435\u043d\u0438\u044f',             dataIndex: 'birthday'         }     ],     height: 350,     width: 600,     title: '\u0421\u0442\u0443\u0434\u0435\u043d\u0442\u044b' });  \/\/ \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043f\u0430\u043d\u0435\u043b\u044c \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u0432 \u043d\u0435\u0435 grid var panel = Ext.create('Ext.panel.Panel', {     title: '\u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0434\u043b\u044f \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u043e\u0432',     width: 650,     height: 400,     layout: 'fit',     items: GridPanel,     renderTo: Ext.getBody() \/\/ \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043c \u0432 body (\u043c\u043e\u0436\u043d\u043e \u0443\u043a\u0430\u0437\u0430\u0442\u044c ID \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430) });<\/code><\/pre>\n<\/div>\n<\/details>\n<p>\u041d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0435 \u043f\u043e\u044f\u0441\u043d\u0435\u043d\u0438\u0435. \u0412 \u043a\u043e\u0434\u0435 \u0432\u044b\u0448\u0435 \u043c\u044b \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u0430\u043b\u0438 \u0433\u0440\u0438\u0434 \u0432 \u043f\u0430\u043d\u0435\u043b\u044c, \u0430 \u0441\u0430\u043c\u0443 \u043f\u0430\u043d\u0435\u043b\u044c \u0432 html \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0442\u0435\u043b\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u0423 Ext.grid.Panel \u0432 columns \u043c\u044b \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043a\u0430\u043a\u0438\u0435 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u0431\u0443\u0434\u0443\u0442 \u0443 \u0442\u0430\u0431\u043b\u0438\u0446\u044b. Text \u0438 dataIndex \u044d\u0442\u043e \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u0438 \u043f\u043e\u043b\u0435 \u043e\u0442\u043a\u0443\u0434\u0430 \u0431\u0440\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u043e\u0431\u044a\u0435\u043a\u0442\u0435 store. \u0423 \u043f\u0430\u043d\u0435\u043b\u0438 \u0435\u0441\u0442\u044c \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u043e items. \u041f\u043e \u0441\u0443\u0442\u0438 \u044d\u0442\u043e children. \u0422\u0435 \u044d\u0442\u043e \u0442\u043e\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c\u0441\u044f \u0432 \u044d\u0442\u043e\u0439\u00a0 \u0441\u0430\u043c\u043e\u0439 \u043f\u0430\u043d\u0435\u043b\u0438. <\/p>\n<p>\u0412 Win \u0441\u0438\u0441\u0442\u0435\u043c\u0435 \u0443 \u043c\u0435\u043d\u044f \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u043e\u0432\u0430\u043b\u043e \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u0436\u0443\u0440\u043d\u0430\u043b\u043e\u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0438 \u043c\u043d\u043e\u0433\u043e \u0432\u0441\u044f\u043a\u043e\u0433\u043e \u0440\u043e\u0434\u0430 \u0441\u043f\u0438\u0441\u043a\u043e\u0432. \u0421\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043d\u0430\u0431\u043e\u0440 \u043a\u043e\u043b\u043e\u043d\u043e\u043a \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0436\u0443\u0440\u043d\u0430\u043b\u0430 \u0441\u0432\u043e\u0439. \u0416\u0435\u0441\u0442\u043a\u043e \u043a\u043e\u0434\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u0433\u0440\u0438\u0434\u043e\u0432 &#8212; \u043d\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 (\u043d\u043e \u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u0440\u0438\u043d\u0443\u043b\u0441\u044f \u0432 \u044d\u0442\u0443 \u0441\u0442\u043e\u0440\u043e\u043d\u0443). \u041e\u0447\u0435\u043d\u044c \u0434\u043e\u043b\u0433\u043e \u0438 \u043e\u0447\u0435\u043d\u044c \u043e\u0431\u044a\u0435\u043c\u043d\u043e \u043f\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0443 \u043a\u043e\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0442\u044f\u043d\u0443\u0442\u044c \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0430. \u041f\u043b\u044e\u0441\u043e\u043c \u0443 \u043c\u0435\u043d\u044f \u0432 win \u0441\u0438\u0441\u0442\u0435\u043c\u0435 \u0431\u044b\u043b\u043e \u043f\u043e\u043d\u044f\u0442\u0438\u0435-\u0441\u0443\u0449\u043d\u043e\u0441\u0442\u044c \u043c\u0435\u0442\u0430\u0434\u0430\u043d\u043d\u044b\u0445. \u0418 \u0432\u0441\u044f \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432 \u0445\u0440\u0430\u043d\u0438\u043b\u0430\u0441\u044c \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u0442\u0430\u0431\u043b\u0438\u0446\u0430\u0445 \u0432 \u0431\u0430\u0437\u0435.\u00a0 <\/p>\n<p>\u041c\u043e\u0436\u0435\u0442 \u044f \u0442\u043e\u0433\u0434\u0430 \u0437\u0430\u0431\u043b\u0443\u0436\u0434\u0430\u043b\u0441\u044f, \u0445\u043e\u0442\u044f \u0434\u0443\u043c\u0430\u044e \u043d\u0435\u0442, \u043d\u043e \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0436\u0443\u0440\u043d\u0430\u043b\u0430 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0431\u044b\u043b\u043e \u0438\u043c\u0435\u0442\u044c \u0433\u0440\u0438\u0434 \u0441 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0439 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0439 \u043a\u043e\u043b\u043e\u043d\u043e\u043a, \u0438\u043c\u0435\u0442\u044c \u0437\u0430\u0434\u0435\u043a\u043b\u0430\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0432 \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a\u0435 \u043e\u0431\u044a\u0435\u043a\u0442 \u0441\u0442\u043e\u0440\u0430 \u0438 \u0437\u0430\u0434\u0435\u043a\u043b\u0430\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043e\u0431\u044a\u0435\u043a\u0442 \u043c\u043e\u0434\u0435\u043b\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 \u0441\u0442\u043e\u0440\u0430. \u00a0\u041f\u043e \u044d\u0442\u043e\u043c\u0443 \u0440\u043e\u0434\u0438\u043b\u0441\u044f \u043a\u043e\u0434 \u0432\u0440\u043e\u0434\u0435 \u044d\u0442\u043e\u0433\u043e. \u041e\u043f\u044f\u0442\u044c \u0436\u0435 &#8212; \u043f\u0438\u0448\u0443 \u043f\u043e \u043f\u0430\u043c\u044f\u0442\u0438, \u0441 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u043f\u043e\u043c\u043e\u0449\u044c\u044e DeepSeek.<\/p>\n<\/div>\n<\/details>\n<details class=\"spoiler\">\n<summary>\u0421\u043a\u0440\u044b\u0442\u044b\u0439 \u0442\u0435\u043a\u0441\u0442<\/summary>\n<div class=\"spoiler__content\">\n<pre><code class=\"javascript\">function createDynamicModel (modelName, dataUrl, fieldsConfig) {     \/\/ \u041f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u0443\u0435\u043c \u043f\u0440\u043e\u0441\u0442\u0443\u044e \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044e \u043f\u043e\u043b\u0435\u0439 \u0432 \u0444\u043e\u0440\u043c\u0430\u0442 ExtJS     var extFields = fieldsConfig.map(function (field) {         return {             name: field.name,             \u0438 \u043f\u0440\u043e\u0447\u0438\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b         };     }, this);      \/\/ \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043c\u043e\u0434\u0435\u043b\u044c     return Ext.define('MyApp.model.' + modelName, {         extend: 'Ext.data.Model',         fields: extFields,          \/\/ \u041c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c proxy, \u0435\u0441\u043b\u0438 \u043e\u043d \u0443\u043a\u0430\u0437\u0430\u043d \u0432 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438         proxy: {             type: 'ajax',             url: dataUrl,             reader: {                 type: 'json',                 rootProperty: 'data'             }         }     }); }  function createDynamicStore (storeName, model, storeConfig) {     var config = Ext.apply({         storeId: 'Store.' + storeName,         model: model,         autoLoad: false,         pageSize: 25     }, storeConfig || {});      return Ext.create('Ext.data.Store', config); }<\/code><\/pre>\n<\/div>\n<\/details>\n<p>\u0410 \u0432\u043e\u0442 \u0442\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u044d\u0442\u043e\u0442 \u043a\u043e\u0434 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c<\/p>\n<details class=\"spoiler\">\n<summary>\u0421\u043a\u0440\u044b\u0442\u044b\u0439 \u0442\u0435\u043a\u0441\u0442<\/summary>\n<div class=\"spoiler__content\">\n<pre><code class=\"javascript\">var serverConfig = {     fields: [         {name: 'pk', title:'', type: 'int', visible:false, width:10, dataIndex :0},         {name: 'f', title:'\u0424\u0430\u043c\u0438\u043b\u0438\u044f', type: 'string', visible:true, width:100, dataIndex :1 },         {name: 'i', title:'\u0418\u043c\u044f', type: 'string', visible: true, width:100, dataIndex :2 },         {name: 'o', title:'\u041e\u0442\u0447\u0435\u0441\u0442\u0432\u043e', type: 'string', visible: true, width:100, dataIndex :3 },     ],     storeConfig: {         autoLoad: false,         proxy: {             url: '\/api\/students'         }     },     modelName: 'student' };  \/\/ \u0421\u043e\u0437\u0434\u0430\u0435\u043c \u043c\u043e\u0434\u0435\u043b\u044c \u0438 store var studentModel = createDynamicModel(serverConfig.modelName, serverConfig.fields) var studentStore = createDynamicStore(serverConfig.modelName, studentModel , serverConfig.storeConfig);    \/\/ \u0418\u043b\u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0438\u0445 \u043f\u043e\u0437\u0436\u0435 \u043f\u043e \u0438\u043c\u0435\u043d\u0438: var studentModel = Ext.ModelManager.getModel('MyApp.model.'+ serverConfig.modelName); var studentStore = Ext.getStore('Store.'+ serverConfig.modelName);  <\/code><\/pre>\n<\/div>\n<\/details>\n<p>\u0412 \u0438\u0442\u043e\u0433\u0435 \u043c\u044b \u0438\u043c\u0435\u0435\u043c \u0437\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0443\u044e \u043c\u043e\u0434\u0435\u043b\u044c \u0438 \u0441\u0442\u043e\u0440. \u0412\u0441\u0435 \u0434\u0430\u043d\u043d\u044b\u0435, \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0434\u043b\u044f \u0438\u0445 \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438 \u0437\u0430\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u044e\u0442\u0441\u044f \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u0430. \u041e\u0441\u0442\u0430\u043d\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u0438 serverConfig \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044e \u0433\u0440\u0438\u0434\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0435. \u042d\u0442\u043e \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0442\u0430\u043a.<\/p>\n<details class=\"spoiler\">\n<summary>\u0421\u043a\u0440\u044b\u0442\u044b\u0439 \u0442\u0435\u043a\u0441\u0442<\/summary>\n<div class=\"spoiler__content\">\n<pre><code class=\"javascript\">Ext.define('DynamicApp.view.DynamicGrid', {     extend: 'Ext.grid.Panel',     alias: 'widget.dynamicgrid',      initComponent: function () {         \/\/ \u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u043c \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044e \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u0430         Ext.Ajax.request({             url: '\/api\/config',             method: 'GET',             scope: this,             success: function (response) {                 var config =<\/code><\/pre>\n<\/div>\n<\/details>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-456090","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/456090","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=456090"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/456090\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=456090"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=456090"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=456090"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}