{"id":281250,"date":"2016-11-21T07:00:03","date_gmt":"2016-11-21T04:00:03","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=281250"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=281250","title":{"rendered":"Magento 2. Ui Grid"},"content":{"rendered":"<p>\u0410\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e \u0432\u0441\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 Magento 2 \u043e\u0431\u0440\u0430\u0442\u0438\u043b\u0438 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0430\u0434\u043c\u0438\u043d \u043f\u0430\u043d\u0435\u043b\u0438. \u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u0445\u043e\u0442\u0435\u043b \u0431\u044b \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u043e\u0432\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 Grid \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0438 \u0433\u043b\u0430\u0432\u043d\u043e\u0435, \u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u0432\u043e\u044e \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e Grid \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0441 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u044b\u043c \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c.<br \/>  <a name=\"habracut\"><\/a>  <\/p>\n<h3>\u041e\u0433\u043b\u0430\u0432\u043b\u0435\u043d\u0438\u0435<\/h3>\n<p>  <a href=\"#review\">\u041e\u0431\u0437\u043e\u0440<\/a><br \/>  <a href=\"#ui_dev\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u044d\u043a\u0441\u0442\u0435\u043d\u0448\u0435\u043d\u0430<\/a><br \/>  <a href=\"#uicomponent\">Ui Component<\/a><br \/>  <a href=\"#editor\">Editor<\/a><br \/>  <a href=\"#columns\">Columns<\/a><br \/>  <a href=\"#examples\">Examples<\/a><br \/>  <a href=\"#warning\">\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043f\u043e\u043c\u043d\u0438\u0442\u044c<\/a><br \/>  <a href=\"#summary\">\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/a><\/p>\n<p>  <a name=\"review\"><\/a><\/p>\n<h2>\u041e\u0431\u0437\u043e\u0440<\/h2>\n<p>  Magento 2 \u043e\u0431\u043b\u0430\u0434\u0430\u0435\u0442 2\u043c\u044f \u0442\u0438\u043f\u0430\u043c\u0438 Grid \u0441\u0442\u0440\u0430\u043d\u0438\u0446. \u0422\u0435\u043c, \u043a \u043a\u043e\u0442\u043e\u0440\u044b\u043c \u043c\u044b \u043f\u0440\u0438\u0432\u044b\u043a\u043b\u0438 \u0432 Magento 1 \u0438 \u0430\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e \u043d\u043e\u0432\u044b\u043c, Ui Grid, \u0435\u0441\u043b\u0438 \u044f \u043c\u043e\u0433\u0443 \u0438\u0445 \u0442\u0430\u043a \u043d\u0430\u0437\u044b\u0432\u0430\u0442\u044c, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u044b \u043d\u0430 \u043d\u043e\u0432\u044b\u0445 Ui \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u0445.<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/ab6\/c1a\/4c5\/ab6c1a4c5f9842169adcc28eaa81f584.png\"\/><br \/>  \u042d\u0442\u043e \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u0430\u044f grid \u0441\u0442\u0430\u043d\u0438\u0446\u0430, \u043e\u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0442\u0430\u043a\u0430\u044f \u0436\u0435 \u043a\u0430\u043a \u0432 Magento 1, \u0430 \u0442\u0435\u043f\u0435\u0440\u044c \u043f\u0435\u0440\u0435\u0439\u0434\u0435\u043c \u043a Ui Grid.<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/886\/31d\/1b0\/88631d1b098346f8809e2e7fb23db544.png\"\/><\/p>\n<p>  \u0412\u044b \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0437\u0430\u043c\u0435\u0442\u0438\u043b\u0438 \u043c\u043d\u043e\u0433\u043e \u043d\u043e\u0432\u044b\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043d\u0430 \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435, \u0432 \u0442\u043e \u0432\u0440\u0435\u043c\u044f \u043a\u0430\u043a Magento 1 \u044d\u043a\u0440\u0430\u043d \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043e\u0431\u044b\u0447\u043d\u043e \u0432\u043e\u0442 \u0442\u0430\u043a<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/282\/b39\/d0d\/282b39d0d2ee47ad9fe2bd208e748b99.png\"\/><\/p>\n<p>  \u041a\u0443\u0434\u0430 \u0434\u0435\u043b\u0438\u0441\u044c \u0444\u0438\u043b\u044c\u0442\u0440\u044b, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043f\u0440\u043e\u0441\u0438\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u0438\u0445 \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u043f\u0440\u043e\u0441\u0442\u043e \u043d\u0430\u0436\u043c\u0438\u0442\u0435 \u043a\u043d\u043e\u043f\u043a\u0443 \u00abFilters\u00bb.<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/07b\/1f7\/3d0\/07b1f73d0d21487c9105c28373cf41ee.png\"\/><\/p>\n<p>  \u041a\u0430\u043a \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u043e\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u0442\u044c \u0437\u0430\u043f\u0438\u0441\u0438 \u0438\u0437 \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445, \u043a\u0430\u043a \u044d\u0442\u043e \u0431\u044b\u043b\u043e \u0432 Magento 1, \u043d\u043e \u0438 \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432, \u0438\u0445 \u043f\u043e\u0437\u0438\u0446\u0438\u0438, \u0441\u043f\u0438\u0441\u043e\u043a \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0445 \u0444\u0438\u043b\u044c\u0442\u0440\u043e\u0432 \u0438 \u043c\u043d\u043e\u0433\u043e\u0435 \u0434\u0440\u0443\u0433\u043e\u0435 \u043f\u0440\u044f\u043c\u043e \u0438\u0437 \u0430\u0434\u043c\u0438\u043d \u043f\u0430\u043d\u0435\u043b\u0438.<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/4df\/0e4\/646\/4df0e46462d846c3ba0d5b66f6b0fe81.png\"\/><br \/>  \u041a\u0441\u0442\u0430\u0442\u0438 \u0433\u043e\u0432\u043e\u0440\u044f, \u044d\u0442\u043e \u0442\u0430\u043a \u0436\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u043d\u0430 EAV Grid \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445 (\u0432\u0440\u043e\u0434\u0435 \u0441\u043f\u0438\u0441\u043a\u0430 \u0442\u043e\u0432\u0430\u0440\u043e\u0432 \u0438\u043b\u0438 \u0441\u043f\u0438\u0441\u043a\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439). \u0414\u043e\u0431\u0430\u0432\u0438\u0432 \u043d\u043e\u0432\u044b\u0439 \u0430\u0442\u0440\u0438\u0431\u0443\u0442, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043a\u043e\u043b\u043e\u043d\u043a\u0443 \u0441 \u0435\u0433\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435\u043c. <\/p>\n<p>  \u0412\u044b \u0442\u0430\u043a \u0436\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0432\u0430\u0448\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0432\u0435\u0440\u043d\u0443\u0442\u044c\u0441\u044f \u043a \u043d\u0438\u043c \u043f\u043e\u0437\u0434\u043d\u0435\u0435 \u0438\u043b\u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0442\u044c\u0441\u044f \u043c\u0435\u0436\u0434\u0443 \u0440\u0430\u0437\u043d\u044b\u043c\u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u043d\u044b\u043c\u0438 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f\u043c\u0438 \u0434\u043b\u044f \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0442\u0435\u0445 \u0438\u043b\u0438 \u0438\u043d\u044b\u0445 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439.<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/295\/890\/b13\/295890b137d8413481211c31be8744fd.png\"\/><\/p>\n<p>  \u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043e\u0447\u0435\u043d\u044c \u043c\u043d\u043e\u0433\u043e \u0437\u0430\u043f\u0438\u0441\u0435\u0439, \u0430 \u0432\u044b \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u0438\u043b\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0434\u0430\u043b\u0435\u043a\u043e, \u0442\u043e \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438 \u043f\u043e\u043b\u0435\u0439 \u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u043a\u043d\u043e\u043f\u043a\u0438 \u0431\u0443\u0434\u0443\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c\u0441\u044f \u0441\u0432\u0435\u0440\u0445\u0443.<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/980\/de5\/60f\/980de560fb7747f98333e9e4520bf878.PNG\"\/><\/p>\n<p>  \u0414\u0440\u0443\u0433\u0430\u044f \u043f\u0440\u0438\u044f\u0442\u043d\u0430\u044f \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u044d\u0442\u043e \u043f\u043e\u043b\u043d\u043e\u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u043f\u043e\u0438\u0441\u043a \u043d\u0430 grid \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445 (\u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c CMS grid \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0438\u043b\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0441\u043e \u0441\u043f\u0438\u0441\u043a\u043e\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0435\u0439).<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/086\/7af\/c24\/0867afc242684cd5bdb09e7966eba89c.PNG\"\/><br \/>  \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0432\u0432\u0435\u0441\u0442\u0438 \u043b\u044e\u0431\u043e\u0439 \u0442\u0435\u043a\u0441\u0442 \u0442\u0443\u0434\u0430 \u0438 \u0435\u0441\u043b\u0438 \u043d\u0430\u0448\u043b\u0430\u0441\u044c \u0445\u043e\u0442\u044c 1 \u0437\u0430\u043f\u0438\u0441\u044c \u0441 \u0430\u043d\u0430\u043b\u043e\u0433\u0438\u0447\u043d\u044b\u043c \u043a\u043e\u043d\u0442\u0435\u043d\u0442\u043e\u043c, \u0442\u043e \u043e\u043d\u0430 \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u0430.<\/p>\n<p>  \u0415\u0449\u0435 1 \u043a\u0440\u0443\u0442\u0430\u044f \u0432\u0435\u0449\u044c \u2013 \u044d\u0442\u043e \u043d\u0430\u043a\u043e\u043d\u0435\u0446-\u0442\u043e \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0435 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u0441 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u043c\u0438. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u0440 \u0442\u0430\u043a\u043e\u0433\u043e \u0441\u0442\u043e\u043b\u0431\u0446\u0430 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0441\u043e \u0441\u043f\u0438\u0441\u043a\u043e\u043c \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432. \u041f\u043e \u043a\u043b\u0438\u043a\u0443 \u043d\u0430 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0438 \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u0430 \u043f\u043e\u043b\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430.<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/5bc\/480\/c9f\/5bc480c9ff50410e8fc20f438f0a68a5.png\"\/><\/p>\n<p>  \u041f\u043e\u0441\u043b\u0435\u0434\u043d\u044f\u044f \u0444\u0438\u0447\u0430, \u043e \u043a\u043e\u0442\u043e\u0440\u043e\u0439 \u044f \u0445\u043e\u0447\u0443 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u0442\u044c \u2013 \u044d\u0442\u043e \u0438\u043d\u043b\u0430\u0439\u043d \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440. \u0414\u0440\u0443\u0433\u0438\u043c\u0438 \u0441\u043b\u043e\u0432\u0430\u043c\u0438, \u0442\u0435\u043f\u0435\u0440\u044c \u0435\u0441\u043b\u0438 \u0432\u044b \u043d\u0430\u0436\u043c\u0435\u0442\u0435 \u043d\u0430 \u0441\u0442\u0440\u043e\u0447\u043a\u0443, \u0442\u043e \u0432\u044b \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u0435\u0435 \u043e\u0442\u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0435 \u043e\u0442\u043a\u0440\u044b\u0432\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f.<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/2d5\/7ae\/4dc\/2d57ae4dc9054487bd793f3608a5235c.PNG\"\/><br \/>  \u0412\u044b \u0442\u0430\u043a \u0436\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u044d\u0442\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u0447\u0435\u0440\u0435\u0437 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0437\u0430\u043f\u0438\u0441\u0435\u0439 (mass action). \u041f\u0440\u043e\u0441\u0442\u043e \u043e\u0442\u043c\u0435\u0442\u044c\u0442\u0435 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0441\u0442\u0440\u043e\u043a\u0438 \u0438 \u0432\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u00abedit\u00bb \u0432 \u043c\u0435\u043d\u044e \u00abActions\u00bb.<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/34b\/55c\/d79\/34b55cd796b34263b84cea019bf8cc2f.png\"\/><\/p>\n<p>  \u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043d\u043e\u0432\u043e\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0435 \u0430\u0434\u043c\u0438\u043d \u043f\u0430\u043d\u0435\u043b\u0438 Magento, \u0432\u0441\u0435 \u044d\u0442\u0438 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043d\u0435 \u0442\u0440\u0435\u0431\u0443\u044e\u0442 \u043f\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446. \u042d\u0442\u043e \u043e\u0437\u043d\u0430\u0447\u0430\u0435\u0442, \u0447\u0442\u043e \u0432\u044b \u0443\u0432\u0438\u0434\u0438\u0442\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0432\u0430\u0448\u0438\u0445 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439 \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u043e.<\/p>\n<p>  <a name=\"ui_dev\"><\/a><\/p>\n<h2>\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u044d\u043a\u0441\u0442\u0435\u043d\u0448\u0435\u043d\u0430<\/h2>\n<p>  \u0412\u0441\u0435 \u043d\u043e\u0432\u044b\u0435 \u0444\u0438\u0447\u0438 \u0432\u044b\u0433\u043b\u044f\u0434\u044f\u0442 \u043c\u043d\u043e\u0433\u043e\u043e\u0431\u0435\u0449\u0430\u044e\u0449\u0435, \u043d\u043e \u043a\u0430\u043a \u0436\u0435 \u0438\u0445 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c? \u042d\u0442\u043e \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0441\u043b\u043e\u0436\u043d\u044b\u0439 \u0432\u043e\u043f\u0440\u043e\u0441 \u043f\u043e \u043f\u0440\u0438\u0447\u0438\u043d\u0435 \u043d\u0435 \u0434\u043e\u0441\u0442\u0430\u0442\u043a\u0430 \u0434\u0435\u0442\u0430\u043b\u0435\u0439, \u043f\u043e\u043b\u043d\u044b\u0445 \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432 \u043a\u043e\u0434\u0430 \u0432 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 (\u043e\u043d\u0430 \u0441\u0435\u0439\u0447\u0430\u0441 \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435 \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f, \u0447\u0442\u043e \u0445\u043e\u0440\u043e\u0448\u043e). \u042d\u0442\u043e \u0431\u044b \u043f\u043e\u043c\u043e\u0433\u043b\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c \u0432\u043d\u0435\u0434\u0440\u044f\u0442\u044c \u043d\u043e\u0432\u044b\u0435 \u0444\u0438\u0447\u0438 \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u0438 \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c \u0447\u0442\u043e \u0436\u0435 \u0434\u0435\u043b\u0430\u0435\u0442 \u0438\u0445 \u043a\u043e\u0434, \u0430 \u043d\u0435 \u0432 \u0441\u043b\u0435\u043f\u0443\u044e \u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u0437 \u0433\u0443\u0433\u043b\u0430. \u0414\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u044d\u0442\u043e, \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u0440\u043e\u0441\u043c\u043e\u0442\u0440\u0438 \u043f\u043e\u043b\u043d\u044b\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u044f Ui Grid \u0432 \u0430\u0431\u0441\u0442\u0440\u0430\u043a\u0442\u043d\u044b\u0439 \u044d\u043a\u0441\u0442\u0435\u043d\u0448\u0435\u043d.<\/p>\n<p>  \u041f\u0440\u0435\u0436\u0434\u0435 \u0432\u0441\u0435\u0433\u043e, \u043d\u0430\u0448 \u044d\u043a\u0441\u0442\u0435\u043d\u0448\u0435\u043d \u0434\u043e\u043b\u0436\u0435\u043d \u0438\u043c\u0435\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443:  <\/p>\n<ul>\n<li>{NameSpace}\/{ExtensionName}\/registration.php<\/li>\n<li>{NameSpace}\/{ExtensionName}\/etc\/module.xml<\/li>\n<li>{NameSpace}\/{ExtensionName}\/etc\/di.xml<\/li>\n<li>{NameSpace}\/{ExtensionName}\/etc\/acl.xml<\/li>\n<li>{NameSpace}\/{ExtensionName}\/etc\/adminhtml\/menu.xml<\/li>\n<li>{NameSpace}\/{ExtensionName}\/etc\/adminhtml\/routes.xml<\/li>\n<li>{NameSpace}\/{ExtensionName}\/Model\/{Entity}.php<\/li>\n<li>{NameSpace}\/{ExtensionName}\/Model\/ResourceModel\/{Entity}.php<\/li>\n<li>{NameSpace}\/{ExtensionName}\/Model\/ResourceModel\/{Entity}\/Collection.php<\/li>\n<li>{NameSpace}\/{ExtensionName}\/Model\/ResourceModel\/{Entity}\/Grid\/Collection.php<\/li>\n<li>{NameSpace}\/{ExtensionName}\/Setup\/InstallSchema.php<\/li>\n<li>{NameSpace}\/{ExtensionName}\/Controller\/Adminhtml\/Index\/Index.php<\/li>\n<li>{NameSpace}\/{ExtensionName}\/view\/adminhtml\/layout\/{frontnameId}_index_index.xml<\/li>\n<li>{NameSpace}\/{ExtensionName}\/view\/adminhtml\/ui_component\/{entity_grid_listing}.xml<\/li>\n<\/ul>\n<p>  * {entity_grid_listing} \u044d\u0442\u043e \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440 \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438 ui component, Magento \u043c\u0435\u0440\u0434\u0436\u0438\u0442 xml \u0444\u0430\u0439\u043b\u044b \u043f\u043e \u0438\u043c\u0435\u043d\u0438, \u0445\u043e\u0440\u043e\u0448\u0430\u044f \u0438\u0434\u0435\u044f \u0438\u043c\u0435\u043d\u043e\u0432\u0430\u0442\u044c \u0438\u0445 \u043a\u0430\u043a {entity}_grid_listing, \u043a\u0430\u043a \u0441\u0434\u0435\u043b\u0430\u043d\u043e \u0432 CMS \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u0445 (page_grid_listing).<\/p>\n<p>  \u0412 \u043f\u0440\u0438\u043c\u0435\u0440\u0435:  <\/p>\n<ul>\n<li>{NameSpace} \u2014 Test, <\/li>\n<li>{ExtensionName} \u2014 UiGrid, <\/li>\n<li>{Entity} \u2013 Grid.<\/li>\n<\/ul>\n<p>  \u0421\u043f\u0438\u0441\u043e\u043a \u0444\u0430\u0439\u043b\u043e\u0432 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0437\u043d\u0430\u043a\u043e\u043c Magento \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c, \u043d\u043e\u0432\u044b\u0435 \u0444\u0430\u0439\u043b\u044b \u0441\u0440\u0435\u0434\u0438 \u043d\u0438\u0445 \u044d\u0442\u043e:  <\/p>\n<ul>\n<li>{NameSpace}\/{ExtensionName}\/Model\/ResourceModel\/{Entity}\/Grid\/Collection.php<\/li>\n<li>{NameSpace}\/{ExtensionName}\/view\/adminhtml\/ui_component\/{entity_grid_listing}.xml<\/li>\n<\/ul>\n<p>  \u0418 \u0442\u0430\u043a \u0436\u0435 \u043f\u0430\u0440\u0430 \u043d\u043e\u0432\u044b\u0445 \u0441\u0442\u0440\u043e\u0447\u0435\u043a \u0432 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0445 \u0444\u0430\u0439\u043b\u0430\u0445 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0439  <\/p>\n<ul>\n<li>{NameSpace}\/{ExtensionName}\/view\/adminhtml\/layout\/{frontnameId}_index_index.xml<\/li>\n<li>{NameSpace}\/{ExtensionName}\/etc\/di.xml<\/li>\n<\/ul>\n<p>  \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u0431\u044b\u0441\u0442\u0440\u043e \u043f\u0440\u043e\u0439\u0434\u0435\u043c\u0441\u044f \u043f\u043e \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u043c \u0444\u0430\u0439\u043b\u0430\u043c. <br \/>  <b>registration.php<\/b>, <b>module.xml<\/b> \u0434\u043e\u043b\u0436\u043d\u044b \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u0434\u043b\u044f \u043e\u0431\u044a\u044f\u0432\u043b\u0435\u043d\u0438\u044f \u043d\u0430\u0448\u0435\u0433\u043e \u043c\u043e\u0434\u0443\u043b\u044c, \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0444\u0430\u0439\u043b\u043e\u0432 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0443\u0432\u0438\u0434\u0435\u0442\u044c \u0432 \u043b\u044e\u0431\u043e\u043c Magento 2 \u044d\u043a\u0441\u0442\u0435\u043d\u0448\u0435\u043d\u0435.  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">registration.php<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"php\">\\Magento\\Framework\\Component\\ComponentRegistrar::register(     \\Magento\\Framework\\Component\\ComponentRegistrar::MODULE,     'Test_UiGrid',     __DIR__ ); <\/code><\/pre>\n<\/div>\n<\/div>\n<div class=\"spoiler\"><b class=\"spoiler_title\">module.xml<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"xml\">&lt;config xmlns:xsi=&quot;http:\/\/www.w3.org\/2001\/XMLSchema-instance&quot; xsi:noNamespaceSchemaLocation=&quot;urn:magento:framework:Module\/etc\/module.xsd&quot;&gt;     &lt;module name=&quot;Test_UiGrid&quot; setup_version=&quot;0.1.0&quot;\/&gt; &lt;\/config&gt; <\/code><\/pre>\n<\/div>\n<\/div>\n<p>  <b>acl.xml<\/b>, <b>menu.xml<\/b>, <b>routes.xml<\/b> \u0434\u043e\u043b\u0436\u043d\u044b \u0438\u043c\u0435\u0442\u044c \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e \u0441\u0441\u044b\u043b\u043a\u0430\u0445 \u0438 \u043c\u0435\u043d\u044e \u0432 \u0430\u0434\u043c\u0438\u043d \u043f\u0430\u043d\u0435\u043b\u0438, \u0447\u0442\u043e\u0431\u044b \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u0434\u043e\u0431\u0440\u0430\u0442\u044c\u0441\u044f \u0434\u043e \u0432\u0430\u0448\u0435\u0439 Grid \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b.  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">acl.xml<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"xml\">&lt;config xmlns:xsi=&quot;http:\/\/www.w3.org\/2001\/XMLSchema-instance&quot; xsi:noNamespaceSchemaLocation=&quot;urn:magento:framework:Acl\/etc\/acl.xsd&quot;&gt;     &lt;acl&gt;         &lt;resources&gt;             &lt;resource id=&quot;Magento_Backend::admin&quot;&gt;                 &lt;resource id=&quot;Test_UiGrid::test&quot; title=&quot;Test&quot; translate=&quot;title&quot; sortOrder=&quot;30&quot;&gt;                 &lt;\/resource&gt;             &lt;\/resource&gt;         &lt;\/resources&gt;     &lt;\/acl&gt; &lt;\/config&gt; <\/code><\/pre>\n<\/div>\n<\/div>\n<div class=\"spoiler\"><b class=\"spoiler_title\">menu.xml<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"xml\">&lt;config xmlns:xsi=&quot;http:\/\/www.w3.org\/2001\/XMLSchema-instance&quot; xsi:noNamespaceSchemaLocation=&quot;urn:magento:module:Magento_Backend:etc\/menu.xsd&quot;&gt;     &lt;menu&gt;         &lt;add id=&quot;Test_UiGrid::test&quot; title=&quot;Test&quot; translate=&quot;title&quot; module=&quot;Test_UiGrid&quot; sortOrder=&quot;20&quot; dependsOnModule=&quot;Test_UiGrid&quot; resource=&quot;Test_UiGrid::test&quot;\/&gt;         &lt;add id=&quot;Test_UiGrid::test_uigrid&quot; title=&quot;UiGrid&quot; translate=&quot;title&quot; module=&quot;Test_UiGrid&quot; sortOrder=&quot;10&quot; parent=&quot;Test_UiGrid::test&quot; action=&quot;uigrid&quot; resource=&quot;Test_UiGrid::test&quot;\/&gt;     &lt;\/menu&gt; &lt;\/config&gt; <\/code><\/pre>\n<\/div>\n<\/div>\n<div class=\"spoiler\"><b class=\"spoiler_title\">routes.xml<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"xml\">&lt;config xmlns:xsi=&quot;http:\/\/www.w3.org\/2001\/XMLSchema-instance&quot; xsi:noNamespaceSchemaLocation=&quot;urn:magento:framework:App\/etc\/routes.xsd&quot;&gt;     &lt;router id=&quot;admin&quot;&gt;         &lt;route id=&quot;uigrid&quot; frontName=&quot;uigrid&quot;&gt;             &lt;module name=&quot;Test_UiGrid&quot; \/&gt;         &lt;\/route&gt;     &lt;\/router&gt; &lt;\/config&gt; <\/code><\/pre>\n<\/div>\n<\/div>\n<p>  <b>Index.php Controller<\/b> \u2013 \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u0430\u0434\u043c\u0438\u043d \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u043b\u0435\u0440, \u043d\u0435 \u043e\u0431\u043b\u0430\u0434\u0430\u044e\u0449\u0438\u0439 \u043d\u0438\u043a\u0430\u043a\u0438\u043c\u0438 \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u044b\u043c\u0438 \u043c\u0435\u0442\u043e\u0434\u0430\u043c\u0438.  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">Index.php<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"php\">namespace Test\\UiGrid\\Controller\\Adminhtml\\Index;  use Magento\\Framework\\Controller\\ResultFactory; use Magento\\Framework\\App\\Action\\Action; use Magento\\Framework\\View\\Result\\Page;  class Index extends Action {     public function execute()     {         return $this-&gt;resultFactory-&gt;create(ResultFactory::TYPE_PAGE);     } } <\/code><\/pre>\n<\/div>\n<\/div>\n<p>  <b>InstallSchema.php<\/b> \u2013 \u0434\u043e\u043b\u0436\u0435\u043d \u043e\u0431\u043b\u0430\u0434\u0430\u0442\u044c \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f\u043c\u0438 \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0442\u0430\u0431\u043b\u0438\u0446\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u043c \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432\u0430\u0448 \u043c\u043e\u0434\u0443\u043b\u044c.<\/p>\n<p>  \u0412\u0430\u0448\u0438 <b>Model<\/b>, <b>ResourceModel<\/b> \u0438 <b>Collection model<\/b> \u043c\u043e\u0433\u0443\u0442 \u043d\u0435 \u0438\u043c\u0435\u0442\u044c \u043a\u0430\u043a\u0438\u0445-\u0442\u043e \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u044b\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u0432, \u043d\u043e \u0434\u043e\u043b\u0436\u043d\u044b \u043e\u0431\u043b\u0430\u0434\u0430\u0442\u044c \u043e\u0431\u044b\u0447\u043d\u044b\u043c\u0438 \u043c\u0435\u0442\u043e\u0434\u0430\u043c\u0438, \u0447\u0442\u043e\u0431\u044b \u0441\u0432\u044f\u0437\u0430\u0442\u044c \u0432\u0430\u0448\u0443 \u043c\u043e\u0434\u0435\u043b\u044c \u0441 \u0440\u0435\u0441\u0443\u0440\u0441 \u043c\u043e\u0434\u0435\u043b\u044c\u044e, \u0440\u0435\u0441\u0443\u0440\u0441 \u043c\u043e\u0434\u0435\u043b\u044c \u0441 \u0411\u0414 \u0438 \u043c\u043e\u0434\u0435\u043b\u044c \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u0438 \u0441 \u043d\u0438\u043c\u0438 \u043e\u0431\u043e\u0438\u043c\u0438.  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">Model<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"php\">namespace Test\\UiGrid\\Model;  use Magento\\Framework\\Model\\AbstractModel; use Test\\UiGrid\\Model\\ResourceModel\\Grid;  class Grid extends AbstractModel {     protected function _construct()     {         $this-&gt;_init(Grid::class);     } } <\/code><\/pre>\n<\/div>\n<\/div>\n<div class=\"spoiler\"><b class=\"spoiler_title\">ResourceModel<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"php\">namespace Test\\UiGrid\\Model\\ResourceModel;  use Magento\\Framework\\Model\\ResourceModel\\Db\\AbstractDb;  class Grid extends AbstractDb {     protected function _construct()     {         $this-&gt;_init('uigrid', 'entity_id');     } } <\/code><\/pre>\n<\/div>\n<\/div>\n<div class=\"spoiler\"><b class=\"spoiler_title\">Collection<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"php\">namespace Test\\UiGrid\\Model\\ResourceModel\\Grid;  use Magento\\Framework\\Model\\ResourceModel\\Db\\Collection\\AbstractCollection; use Test\\UiGrid\\Model\\Grid; use Test\\UiGrid\\Model\\ResourceModel\\Grid as GridResource;  class Collection extends AbstractCollection  {     protected function _construct()     {         $this-&gt;_init(Grid::class, GridResource::class);     } } <\/code><\/pre>\n<\/div>\n<\/div>\n<h4>\u041f\u043e\u0434\u0433\u043e\u0442\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043b\u044f Ui Component<\/h4>\n<p>  <b>uigrid_index_index.xml<\/b> \u2014 layout \u0444\u0430\u0439\u043b. \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0441 \u0438\u043c\u0435\u043d\u0435\u043c \u00abcontent\u00bb. \u042d\u0442\u043e \u0441\u0430\u043c\u0430\u044f \u0432\u0430\u0436\u043d\u0430\u044f \u0432\u0435\u0449\u044c \u0432 \u044d\u0442\u043e\u043c \u0444\u0430\u0439\u043b\u0435. \u0418\u043c\u044f \u0442\u0435\u0433\u0430 uiComponent \u0434\u043e\u043b\u0436\u043d\u043e \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0438\u043c\u0435\u043d\u0438 \u0432\u0430\u0448\u0435\u0433\u043e {entity_grid_listing}.xml \u0444\u0430\u0439\u043b\u0430 \u0432 ui_component \u043f\u0430\u043f\u043a\u0435.  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">uigrid_index_index.xml<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"xml\">&lt;page xmlns:xsi=&quot;http:\/\/www.w3.org\/2001\/XMLSchema-instance&quot; xsi:noNamespaceSchemaLocation=&quot;urn:magento:framework:View\/Layout\/etc\/page_configuration.xsd&quot;&gt;     &lt;head&gt;         &lt;title&gt;UiGrid&lt;\/title&gt;     &lt;\/head&gt;     &lt;body&gt;         &lt;referenceBlock name=&quot;menu&quot;&gt;             &lt;action method=&quot;setActive&quot;&gt;                 &lt;argument name=&quot;itemId&quot; xsi:type=&quot;string&quot;&gt;Test_UiGrid::test_uigrid&lt;\/argument&gt;             &lt;\/action&gt;         &lt;\/referenceBlock&gt;         &lt;referenceContainer name=&quot;content&quot;&gt;             &lt;uiComponent name=&quot;uigrid_grid_listing&quot;\/&gt;         &lt;\/referenceContainer&gt;     &lt;\/body&gt; &lt;\/page&gt; <\/code><\/pre>\n<\/div>\n<\/div>\n<p>  <b>di.xml<\/b> \u2014 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e data source collection \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e Ui Component.  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">di.xml<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"xml\">&lt;config xmlns:xsi=&quot;http:\/\/www.w3.org\/2001\/XMLSchema-instance&quot; xsi:noNamespaceSchemaLocation=&quot;urn:magento:framework:ObjectManager\/etc\/config.xsd&quot;&gt;     &lt;type name=&quot;Magento\\Framework\\View\\Element\\UiComponent\\DataProvider\\CollectionFactory&quot;&gt;         &lt;arguments&gt;             &lt;argument name=&quot;collections&quot; xsi:type=&quot;array&quot;&gt;                 &lt;item name=&quot;uigrid_grid_listing_data_source&quot; xsi:type=&quot;string&quot;&gt;Test\\UiGrid\\Model\\ResourceModel\\Grid\\Grid\\Collection&lt;\/item&gt;             &lt;\/argument&gt;         &lt;\/arguments&gt;     &lt;\/type&gt; &lt;\/config&gt; <\/code><\/pre>\n<\/div>\n<\/div>\n<p>  \u042d\u0442\u0430 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0430 Magento \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0439 Grid \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u041f\u0440\u043e\u0449\u0435 \u0433\u043e\u0432\u043e\u0440\u044f, \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u044b\u0439 \u0432 di.xml \u043a\u043b\u0430\u0441\u0441 \u2014 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044f \u0441 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u043c\u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c\u0438 \u043c\u0435\u0442\u043e\u0434\u0430\u043c\u0438 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 search criteria \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435. \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0430 \u044d\u0442\u043e\u0442 \u043a\u043b\u0430\u0441\u0441 \u043f\u043e \u0431\u043b\u0438\u0436\u0435.  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">{NameSpace}\/{ExtensionName}\/Model\/ResourceModel\/{Entity}\/Grid\/Collection.php<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"php\">namespace Test\\UiGrid\\Model\\ResourceModel\\Grid\\Grid;  use Test\\UiGrid\\Model\\ResourceModel\\Grid\\Collection as GridCollection; use Magento\\Framework\\Search\\AggregationInterface; use Magento\\Framework\\Api\\Search\\SearchResultInterface; use Magento\\Framework\\View\\Element\\UiComponent\\DataProvider\\Document; use Test\\UiGrid\\Model\\ResourceModel\\Grid; use Magento\\Framework\\Api\\SearchCriteriaInterface;  class Collection extends GridCollection implements SearchResultInterface {     protected $aggregations;      protected function _construct()     {         $this-&gt;_init(Document::class, Grid::class);     }      public function getAggregations()     {         return $this-&gt;aggregations;     }      public function setAggregations($aggregations)     {         $this-&gt;aggregations = $aggregations;     }      public function getAllIds($limit = null, $offset = null)     {         return $this-&gt;getConnection()-&gt;fetchCol($this-&gt;_getAllIdsSelect($limit, $offset), $this-&gt;_bindParams);     }      public function getSearchCriteria()     {         return null;     }      public function setSearchCriteria(SearchCriteriaInterface $searchCriteria = null)     {         return $this;     }      public function getTotalCount()     {         return $this-&gt;getSize();     }      public function setTotalCount($totalCount)     {         return $this;     }      public function setItems(array $items = null)     {         return $this;     } } <\/code><\/pre>\n<\/div>\n<\/div>\n<p>  \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435, \u0447\u0442\u043e \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044f \u0434\u043e\u043b\u0436\u043d\u0430 \u0438\u043c\u043f\u043b\u0435\u043c\u0435\u043d\u0442\u0438\u0442\u044c Magento\\Framework\\Api\\Search\\SearchResultInterface \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0438 \u0440\u0430\u0441\u0448\u0438\u0440\u044f\u0442\u044c \u0432\u0430\u0448\u0443 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u0443\u044e \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044e (\u043d\u0430 \u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u044d\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u043f\u0440\u043e\u0449\u0435 \u0438 \u0432\u0430\u043c \u043d\u0435 \u043f\u0440\u0438\u0434\u0435\u0442\u0441\u044f \u0432\u043d\u0435\u0434\u0440\u044f\u0442\u044c \u043c\u043d\u043e\u0436\u0435\u0441\u0442\u0432\u043e \u0434\u0440\u0443\u0433\u0438\u0445 \u043c\u0435\u0442\u043e\u0434\u043e\u0432). \u0412\u0441\u0435 \u043c\u0435\u0442\u043e\u0434\u044b \u0438 \u0441\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0437\u0430 \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435\u043c _construct \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0441\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u0438\u0437 Magento\\Cms\\Model\\ResourceModel\\Block\\Grid\\Collection, \u0431\u043e\u043b\u044c\u0448\u0435 \u043e\u043d\u0438 \u0432\u0430\u043c \u043d\u0435 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u044f\u0442\u0441\u044f. \u041c\u0435\u0442\u043e\u0434 _construct \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u044b\u0439. \u0412\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a, \u0447\u0442\u043e\u0431\u044b \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0430 Magento\\Framework\\View\\Element\\UiComponent\\DataProvider\\Document \u043e\u0431\u044a\u0435\u043a\u0442 \u043a\u0430\u043a \u043c\u043e\u0434\u0435\u043b\u044c \u0438 \u0432\u0430\u0448\u0443 \u0440\u0435\u0441\u0443\u0440\u0441 \u043c\u043e\u0434\u0435\u043b\u044c \u043a\u0430\u043a, \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e, \u0440\u0435\u0441\u0443\u0440\u0441 \u043c\u043e\u0434\u0435\u043b\u044c \u0434\u043b\u044f \u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0441 \u0411\u0414.<\/p>\n<p>  <a name=\"uicomponent\"><\/a><\/p>\n<h2>Ui Component<\/h2>\n<p>  Ui Component \u2014 \u044d\u0442\u043e ui_component\/{entity_grid_listing}.xml \u0444\u0430\u0439\u043b, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e grid \u0442\u0430\u0431\u043b\u0438\u0446\u0435 \u0438 \u043e \u0442\u043e\u043c \u043a\u0430\u043a \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u0432 \u043d\u0435\u0439 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b.<br \/>  \u0421 \u043d\u0430\u0447\u0430\u043b\u0430 \u0432\u0430\u043c \u0441\u043b\u0435\u0434\u0443\u0435\u0442 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c module-cms\/view\/adminhtml\/ui_component\/cms_block_listing.xml \u0444\u0430\u0439\u043b, \u043e\u043d \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u044b\u043c, \u043d\u043e \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u0434\u0435\u043b\u0430\u0435\u0442 \u0441\u0432\u043e\u0435 \u0434\u0435\u043b\u043e. \u0411\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e ui grid \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0438\u043c\u0435\u044e\u0442 \u0441\u0445\u043e\u0436\u0443\u044e \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0442\u0430\u043a\u043e\u0433\u043e \u0444\u0430\u0439\u043b\u0430: argument, dataSource, listingToolbar, columns.  <\/p>\n<pre><code class=\"xml\">&lt;listing xmlns:xsi=&quot;http:\/\/www.w3.org\/2001\/XMLSchema-instance&quot; xsi:noNamespaceSchemaLocation=&quot;urn:magento:module:Magento_Ui:etc\/ui_configuration.xsd&quot;&gt;     &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;         ...     &lt;\/argument&gt;     &lt;dataSource name=&quot;uigrid_grid_listing_data_source&quot;&gt;         ...     &lt;\/dataSource&gt;     &lt;listingToolbar name=&quot;listing_top&quot;&gt;         ...     &lt;\/listingToolbar&gt;     &lt;columns name=&quot;uigrid_grid_columns&quot;&gt;         ...     &lt;\/columns&gt; &lt;\/listing&gt; <\/code><\/pre>\n<p>  \u041d\u043e \u0447\u0442\u043e \u043e\u043d\u0438 \u043d\u0430 \u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u0434\u0435\u043b\u0430\u044e\u0442? \u0412\u0430\u0436\u0435\u043d \u043b\u0438 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432? \u041a\u0430\u043a\u0438\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u043c\u043e\u0436\u043d\u043e \u0438 \u043d\u0443\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c? \u0418 \u0441\u0430\u043c\u044b\u0439 \u0433\u043b\u0430\u0432\u043d\u044b\u0439, \u043a\u0430\u043a \u0436\u0435 \u0432\u0441\u0435 \u044d\u0442\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442?<\/p>\n<p>  Ui Component \u2013 \u044d\u0442\u043e \u043d\u043e\u0432\u0430\u044f \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u044c Magento 2, \u044d\u0442\u043e \u0441\u043c\u0435\u0441\u044c knockoutjs \u0438 \u0431\u0435\u043a\u0435\u043d\u0434 \u043a\u043e\u0434\u0430. \u041a\u043e\u0433\u0434\u0430 \u0432\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0435 uiComponent \u0442\u0435\u0433 \u0432 \u0432\u0430\u0448\u0435\u043c \u043b\u0430\u044f\u0443\u0442\u0435 \u044d\u0442\u043e \u0433\u043e\u0432\u043e\u0440\u0438\u0442 Magento \u0447\u0442\u043e \u043d\u0430\u0434\u043e \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0444\u0430\u0439\u043b \u0441 \u0442\u0430\u043a\u0438\u043c \u0442\u043e \u0438\u043c\u0435\u043d\u0435\u043c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c. \u0412\u043a\u0440\u0430\u0442\u0446\u0435, Magento \u0447\u0438\u0442\u0430\u0435\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0444\u0430\u0439\u043b, \u0441\u043e\u0437\u0434\u0430\u0435\u0442 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u0435 \u043a\u043b\u0430\u0441\u0441\u044b, \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u043e\u043f\u0446\u0438\u0438 \u0434\u043b\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0438 \u0432 \u043a\u043e\u043d\u0435\u0447\u043d\u043e\u043c \u0438\u0442\u043e\u0433\u0435 \u043f\u043e\u0434\u0433\u043e\u0442\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442 jsLayout \u043a\u043e\u043d\u0444\u0438\u0433, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u043f\u0435\u0440\u0435\u0434\u0430\u043d \u043d\u0430 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434 \u0438 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u043d knockoutjs (\u0431\u0443\u0434\u0443\u0442 \u0441\u043e\u0437\u0434\u0430\u043d\u044b observables, viewModels, \u0441\u043e\u0437\u0434\u0430\u043d \u043c\u0430\u043f\u0438\u043d\u0433 view \u0442\u0435\u043f\u043b\u0435\u0439\u0442\u043e\u0432 \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435). Magento_Ui \u2013 \u044d\u0442\u043e \u0442\u043e\u0442 \u044d\u043a\u0441\u0442\u0435\u043d\u0448\u0435\u043d, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u0433\u043e\u0442\u043e\u0432\u044b\u0445 \u043a \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 (viewModels), \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432 \u0441\u0432\u043e\u0435\u043c \u043a\u043e\u0434\u0435. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0430\u0439\u0442\u0438 \u0438\u0445 \u0432 module-ui\/view\/base\/web\/js\/*. \u0413\u043b\u0430\u0432\u043d\u044b\u0439 \u0436\u0435 \u043a\u043e\u043d\u0444\u0438\u0433 \u2013 \u044d\u0442\u043e module-ui\/view\/base\/ui_component\/etc\/definition.xml, \u043e\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0438 \u0434\u0435\u0444\u043e\u043b\u0442\u043d\u044b\u0435 \u043e\u043f\u0446\u0438\u0438 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0432 \u0432\u0430\u0448\u0435\u043c Ui Component. \u041b\u044e\u0431\u044b\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0432 \u044d\u0442\u043e\u043c \u0444\u0430\u0439\u043b\u0435 (\u0438\u043b\u0438 \u0432\u0430\u0448\u0435\u043c definition.xml \u0444\u0430\u0439\u043b\u0435) \u0431\u0443\u0434\u0443\u0442 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u044b \u043a\u043e \u0432\u0441\u0435\u043c \u044d\u043a\u0441\u0442\u0435\u043d\u0448\u0435\u043d\u0430\u043c.<\/p>\n<h4>Ui Component \u043a\u043e\u043d\u0444\u0438\u0433<\/h4>\n<p>  \u0420\u0430\u0437\u0431\u0435\u0440\u0435\u043c Test\/UiGrid\/view\/adminhtml\/ui_component\/uigrid_grid_listing.xml.<br \/>  \u0414\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0431\u044b\u043b\u043e \u043f\u0440\u043e\u0449\u0435 \u043f\u0440\u043e\u0441\u043b\u0435\u0434\u0438\u0442\u044c \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u044f \u0431\u0443\u0434\u0443 \u043d\u0443\u043c\u0435\u0440\u043e\u0432\u0430\u0442\u044c \u0432\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0438 \u0432\u044b\u0434\u0435\u043b\u044f\u0442\u044c \u043e\u0441\u043d\u043e\u0432\u043d\u044b\u0435 \u043c\u0435\u0441\u0442\u0430.<\/p>\n<p>  \u041d\u0430\u0447\u043d\u0435\u043c \u0441 \u0441\u0430\u043c\u043e\u0433\u043e \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043c\u044b \u0432\u0438\u0434\u0438\u043c \u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0432\u044b\u0448\u0435.<br \/>  1. <b>&lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;<\/b>.  <\/p>\n<pre><code class=\"xml\">&lt;listing xmlns:xsi=&quot;http:\/\/www.w3.org\/2001\/XMLSchema-instance&quot; xsi:noNamespaceSchemaLocation=&quot;urn:magento:module:Magento_Ui:etc\/ui_configuration.xsd&quot;&gt;     &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;         &lt;item name=&quot;js_config&quot; xsi:type=&quot;array&quot;&gt;             &lt;item name=&quot;provider&quot; xsi:type=&quot;string&quot;&gt;uigrid_grid_listing.uigrid_grid_listing_data_source&lt;\/item&gt;             &lt;item name=&quot;deps&quot; xsi:type=&quot;string&quot;&gt;uigrid_grid_listing.uigrid_grid_listing_data_source&lt;\/item&gt;         &lt;\/item&gt;         &lt;item name=&quot;spinner&quot; xsi:type=&quot;string&quot;&gt;uigrid_grid_columns&lt;\/item&gt;         &lt;item name=&quot;buttons&quot; xsi:type=&quot;array&quot;&gt;             &lt;item name=&quot;add&quot; xsi:type=&quot;array&quot;&gt;                 &lt;item name=&quot;name&quot; xsi:type=&quot;string&quot;&gt;add&lt;\/item&gt;                 &lt;item name=&quot;label&quot; xsi:type=&quot;string&quot; translate=&quot;true&quot;&gt;Add New Entity&lt;\/item&gt;                 &lt;item name=&quot;class&quot; xsi:type=&quot;string&quot;&gt;primary&lt;\/item&gt;                 &lt;item name=&quot;url&quot; xsi:type=&quot;string&quot;&gt;*\/*\/new&lt;\/item&gt;             &lt;\/item&gt;             &lt;!--             &lt;item name=&quot;back&quot; xsi:type=&quot;string&quot;&gt;Magento\\Cms\\Block\\Adminhtml\\Block\\Edit\\BackButton&lt;\/item&gt;             &lt;item name=&quot;delete&quot; xsi:type=&quot;string&quot;&gt;Magento\\Cms\\Block\\Adminhtml\\Block\\Edit\\DeleteButton&lt;\/item&gt;             &lt;item name=&quot;reset&quot; xsi:type=&quot;string&quot;&gt;Magento\\Cms\\Block\\Adminhtml\\Block\\Edit\\ResetButton&lt;\/item&gt;             &lt;item name=&quot;save&quot; xsi:type=&quot;string&quot;&gt;Magento\\Cms\\Block\\Adminhtml\\Block\\Edit\\SaveButton&lt;\/item&gt;             &lt;item name=&quot;save_and_continue&quot; xsi:type=&quot;string&quot;&gt;Magento\\Cms\\Block\\Adminhtml\\Block\\Edit\\SaveAndContinueButton&lt;\/item&gt;             --&gt;         &lt;\/item&gt;     &lt;\/argument&gt;     &lt;dataSource name=&quot;uigrid_grid_listing_data_source&quot;&gt;         ...     &lt;\/dataSource&gt;     &lt;listingToolbar name=&quot;listing_top&quot;&gt;         ...     &lt;\/listingToolbar&gt;     &lt;columns name=&quot;uigrid_grid_columns&quot;&gt;         ...     &lt;\/columns&gt; &lt;\/listing&gt;<\/code><\/pre>\n<p>  <b>&lt;item name=&quot;js_config&quot; xsi:type=&quot;array&quot;&gt;<\/b> \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e data provider \u043d\u0430 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434\u0435, \u0444\u043e\u0440\u043c\u0430\u0442 \u0438\u043c\u0435\u043d\u0438 \u043f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440\u0430 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c {file_name}.{file_name}_data_source.<br \/>  <b>&lt;item name=&quot;spinner&quot; xsi:type=&quot;string&quot;&gt;<\/b> \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 \u0441\u043f\u0438\u0441\u043e\u043a \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432 \u0432 \u044d\u0442\u043e\u043c \u0436\u0435 \u0444\u0430\u0439\u043b\u0435, \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u0438\u0434\u0435\u043d\u0442\u0438\u0447\u043d\u043e \u0438\u043c\u0435\u043d\u0438, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0432\u044b \u0443\u043a\u0430\u0437\u0430\u043b\u0438 \u0434\u043b\u044f \u0442\u0435\u0433\u0430 columns. \u042f \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e \u043d\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0435\u0433\u043e {extension}_{entity}_columns. \u0415\u0441\u043b\u0438 \u0432\u044b \u043d\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0438 \u0435\u0433\u043e \u0438\u043b\u0438 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0438 \u0435\u0433\u043e \u043d\u0435 \u0432\u0435\u0440\u043d\u043e, \u0442\u043e Magento \u043d\u0435 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442 spinner \u0434\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0443\u0436\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u043b\u0438\u0441\u044c.<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/44b\/56a\/009\/44b56a00941b428880ff614e0e9a7153.png\"\/><br \/>  <b>&lt;item name=&quot;buttons&quot; xsi:type=&quot;array&quot;&gt;<\/b> \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e \u0432\u0435\u0440\u0445\u043d\u0438\u0445 \u043a\u043d\u043e\u043f\u043a\u0430\u0445.<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/a0c\/92f\/cac\/a0c92fcac8174d4baa458fb3db3dff27.png\"\/><br \/>  \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435, \u0447\u0442\u043e \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043a\u043d\u043e\u043f\u043a\u0443 \u00abAdd \u2026\u00bb, \u043d\u043e \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u043a\u043d\u043e\u043f\u043a\u0438 \u0441 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u043c\u0438 \u043a\u043b\u0430\u0441\u0441\u0430\u043c\u0438, \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u043d\u0438\u0436\u0435.<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/e8d\/88e\/cdd\/e8d88ecddc144dd9a18a82901d038e69.png\"\/><br \/>  \u041a\u043d\u043e\u043f\u043a\u0430 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0430 \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0435\u0440\u0435\u0437 xml, \u043d\u043e \u0438 \u0447\u0435\u0440\u0435\u0437 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441. \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u0437\u0430\u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043a\u0443\u0441\u043e\u043a \u043a\u043e\u0434\u0430. \u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u044d\u0442\u0438\u0445 \u043a\u043b\u0430\u0441\u0441\u043e\u0432 \u0432\u044b \u043d\u0430\u0439\u0434\u0435\u0442\u0435 \u0432\u043d\u0443\u0442\u0440\u0438 \u043d\u0438\u0445 \u0441\u0430\u043c\u0438\u0445.<\/p>\n<p>  2. <b>&lt;dataSource name=&quot;uigrid_grid_listing_data_source&quot;&gt;<\/b>  <\/p>\n<pre><code class=\"xml\">&lt;listing xmlns:xsi=&quot;http:\/\/www.w3.org\/2001\/XMLSchema-instance&quot; xsi:noNamespaceSchemaLocation=&quot;urn:magento:module:Magento_Ui:etc\/ui_configuration.xsd&quot;&gt;     &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;         ...     &lt;\/argument&gt;     &lt;dataSource name=&quot;uigrid_grid_listing_data_source&quot;&gt;         &lt;argument name=&quot;dataProvider&quot; xsi:type=&quot;configurableObject&quot;&gt;             &lt;argument name=&quot;class&quot; xsi:type=&quot;string&quot;&gt;Magento\\Framework\\View\\Element\\UiComponent\\DataProvider\\DataProvider&lt;\/argument&gt;             &lt;argument name=&quot;name&quot; xsi:type=&quot;string&quot;&gt;uigrid_grid_listing_data_source&lt;\/argument&gt;             &lt;argument name=&quot;primaryFieldName&quot; xsi:type=&quot;string&quot;&gt;entity_id&lt;\/argument&gt;             &lt;argument name=&quot;requestFieldName&quot; xsi:type=&quot;string&quot;&gt;entity_id&lt;\/argument&gt;             &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;                 &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;                     &lt;item name=&quot;component&quot; xsi:type=&quot;string&quot;&gt;Magento_Ui\/js\/grid\/provider&lt;\/item&gt;                     &lt;item name=&quot;update_url&quot; xsi:type=&quot;url&quot; path=&quot;mui\/index\/render&quot;\/&gt;                     &lt;item name=&quot;storageConfig&quot; xsi:type=&quot;array&quot;&gt;                         &lt;item name=&quot;indexField&quot; xsi:type=&quot;string&quot;&gt;entity_id&lt;\/item&gt;                     &lt;\/item&gt;                 &lt;\/item&gt;             &lt;\/argument&gt;         &lt;\/argument&gt;     &lt;\/dataSource&gt;     &lt;listingToolbar name=&quot;listing_top&quot;&gt;         ...     &lt;\/listingToolbar&gt;     &lt;columns name=&quot;uigrid_grid_columns&quot;&gt;         ...     &lt;\/columns&gt; &lt;\/listing&gt;<\/code><\/pre>\n<p>  \u042d\u0442\u0430 \u0441\u0435\u043a\u0446\u0438\u044f \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0432\u0430\u0436\u043d\u0443\u044e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u043e render url, data provider \u043a\u043b\u0430\u0441\u0441\u0435, \u0438\u043c\u0435\u043d\u0438 \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u0438, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0435 \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435. \u0418\u043c\u044f \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 \u0434\u043e\u043b\u0436\u043d\u043e \u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u043c\u0443 \u0444\u043e\u0440\u043c\u0430\u0442\u0443 {file_name}_data_source \u0438 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u0438\u0434\u0435\u043d\u0442\u0438\u0447\u043d\u043e \u0442\u043e\u043c\u0443, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0432\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b\u0438 \u0440\u0430\u043d\u0435\u0435.<\/p>\n<p>  \u0412\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b:<br \/>  <b>&lt;argument name=&quot;name&quot; xsi:type=&quot;string&quot;&gt;<\/b> \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0438\u043c\u044f \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u0438 \u0432 di.xml,<br \/>  <b>&lt;argument name=&quot;primaryFieldName&quot; xsi:type=&quot;string&quot;&gt;<\/b>, <b>&lt;argument name=&quot;requestFieldName&quot; xsi:type=&quot;string&quot;&gt;<\/b>, <b>&lt;item name=&quot;indexField&quot; xsi:type=&quot;string&quot;&gt;<\/b> \u2013 entity id \u043a\u043b\u044e\u0447 \u0432\u0430\u0448\u0435\u0439 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0432 \u0411\u0414. <br \/>  \u041e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u044b \u043c\u043e\u0433\u0443\u0442 \u043e\u0441\u0442\u0430\u0432\u0430\u0442\u044c\u0441\u044f \u0442\u0430\u043a\u0438\u043c\u0438 \u0436\u0435 \u043a\u0430\u043a \u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u0435.<\/p>\n<p>  \u0415\u0441\u043b\u0438 \u0438\u043c\u044f \u0437\u0430\u0434\u0430\u043d\u043e \u043d\u0435 \u0432\u0435\u0440\u043d\u043e \u0438\u043b\u0438 \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u044f \u043d\u0435 \u0431\u044b\u043b\u0430 \u043e\u043f\u0438\u0441\u0430\u043d\u0430 \u0432 di.xml \u0432\u044b \u0443\u0432\u0438\u0434\u0438\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u043e\u0448\u0438\u0431\u043a\u0443<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/7dd\/8b3\/70a\/7dd8b370a98343ffbb8de1c1c9d6005c.png\"\/><\/p>\n<p>  3. <b>&lt;listingToolbar name=&quot;listing_top&quot;&gt;<\/b>  <\/p>\n<pre><code class=\"xml\">&lt;listing xmlns:xsi=&quot;http:\/\/www.w3.org\/2001\/XMLSchema-instance&quot; xsi:noNamespaceSchemaLocation=&quot;urn:magento:module:Magento_Ui:etc\/ui_configuration.xsd&quot;&gt;     &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;         ...     &lt;\/argument&gt;     &lt;dataSource name=&quot;uigrid_grid_listing_data_source&quot;&gt;         ...     &lt;\/dataSource&gt;     &lt;listingToolbar name=&quot;listing_top&quot;&gt;         &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;             &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;                 &lt;item name=&quot;sticky&quot; xsi:type=&quot;boolean&quot;&gt;true&lt;\/item&gt;             &lt;\/item&gt;         &lt;\/argument&gt;         &lt;bookmark name=&quot;bookmarks&quot;\/&gt;         &lt;columnsControls name=&quot;columns_controls&quot;\/&gt;         &lt;filterSearch name=&quot;fulltext&quot;\/&gt;         &lt;filters name=&quot;listing_filters&quot;&gt;             ...         &lt;\/filters&gt;         &lt;massaction name=&quot;listing_massaction&quot;&gt;             ...         &lt;\/massaction&gt;         &lt;paging name=&quot;listing_paging&quot;\/&gt;         &lt;exportButton name=&quot;export_button&quot;\/&gt;     &lt;\/listingToolbar&gt;     &lt;columns name=&quot;uigrid_grid_columns&quot;&gt;         ...     &lt;\/columns&gt; &lt;\/listing&gt;<\/code><\/pre>\n<p>  \u042d\u0442\u043e\u0442 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0441\u043f\u0438\u0441\u043e\u043a \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0432\u0435\u0440\u0445\u043d\u0435\u0433\u043e \u043c\u0435\u043d\u044e, \u0442\u0430\u043a\u0438\u0445 \u043a\u0430\u043a Filters, Bookmarks, Column editor, Full text search field, Mass Actions, Pagination \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435.<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/686\/84a\/a7d\/68684aa7de704d6495fd65c0db49c0b4.png\"\/><\/p>\n<p>  \u0418\u043c\u0435\u0439\u0442\u0435 \u0432 \u0432\u0438\u0434\u0443, \u0447\u0442\u043e \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u0430\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u044d\u0442\u0443 xml \u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u044d\u043a\u0441\u0442\u0435\u043d\u0448\u0435\u043d\u0430\u0445 \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e! \u041f\u0440\u043e\u0441\u0442\u043e \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u0435 ui_component \u0444\u0430\u0439\u043b \u0441 \u0442\u0435\u043c \u0436\u0435 \u0438\u043c\u0435\u043d\u0435\u043c \u0432 \u0442\u043e\u0442 \u0436\u0435 \u0438\u043b\u0438 base scope. \u041f\u043e\u0440\u044f\u0434\u043e\u043a \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0438\u0433\u0440\u0430\u0435\u0442 \u0431\u043e\u043b\u044c\u0448\u0443\u044e \u0440\u0430\u0437\u043d\u0438\u0446\u0443, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u043b\u0435\u0434\u0438\u0442\u0435 \u0437\u0430 \u0442\u0435\u043c \u0432 \u043a\u0430\u043a\u043e\u043c \u043f\u043e\u0440\u044f\u0434\u043a\u0435 \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u044e\u0442\u0441\u044f \u043c\u043e\u0434\u0443\u043b\u0438 \u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u044e\u0442\u0441\u044f \u0432 ui_component. \u0415\u0441\u043b\u0438 &lt;listingToolbar&gt; \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d \u043f\u043e\u0441\u043b\u0435 &lt;columns&gt;, \u0432\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/a16\/df7\/9f8\/a16df79f8a384c55ac39cc63a78e4f57.png\"\/><\/p>\n<p>  \u0418\u043c\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u043a\u0430\u043a \u0443\u043a\u0430\u0437\u0430\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u0435.  <\/p>\n<pre><code class=\"xml\">&lt;listingToolbar name=&quot;listing_top&quot;&gt;     &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;         &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;             &lt;item name=&quot;sticky&quot; xsi:type=&quot;boolean&quot;&gt;true&lt;\/item&gt;         &lt;\/item&gt;     &lt;\/argument&gt;     ... &lt;\/listingToolbar&gt;<\/code><\/pre>\n<p>  3.1. <b>&lt;item name=&quot;sticky&quot; xsi:type=&quot;boolean&quot;&gt;<\/b> \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0435\u0433\u043e. \u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u00abfalse\u00bb. \u042d\u0442\u043e\u0442 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u0437\u0430 \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0442\u043e\u043f \u043c\u0435\u043d\u044e \u0432\u043e \u0432\u0440\u0435\u043c\u044f \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b, \u043e\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u044c \u0437\u0430 \u0441\u043a\u0440\u043e\u043b\u043e\u043c, \u043f\u043e\u043a\u0430 \u0432\u044b \u043d\u0435 \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u0438\u0442\u0435 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043e\u0431\u0440\u0430\u0442\u043d\u043e \u043a \u0441\u0430\u043c\u043e\u043c\u0443 \u0432\u0435\u0440\u0445\u0443.<br \/>  3.2. <b>&lt;bookmark name=&quot;bookmarks&quot;&gt;<\/b> \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439. \u041e\u043d \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u043a\u043d\u043e\u043f\u043a\u0443 \u00abBookmark\u00bb. \u0415\u0441\u043b\u0438 \u0432\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u0435 \u044d\u0442\u043e\u0442 \u044d\u043b\u0435\u043c\u0435\u043d\u0442, Magento \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430\u043c \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0442\u044c \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435 \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432 \u0438 \u0438\u0445 \u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u0434\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043f\u043e\u0437\u0436\u0435. \u0423 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430 \u0441\u0432\u043e\u0439 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0441\u043f\u0438\u0441\u043e\u043a.<br \/>  3.3. <b>&lt;columnsControls name=&quot;columns_controls&quot;&gt;<\/b> \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439. \u041e\u043d \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u043a\u043d\u043e\u043f\u043a\u0443 \u00abColumns\u00bb. \u0415\u0441\u043b\u0438 \u0432\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u0435 \u044d\u0442\u043e\u0442 \u044d\u043b\u0435\u043c\u0435\u043d\u0442, Magento \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442 \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0430\u043c \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u0438\u043b\u0438 \u0443\u0434\u0430\u043b\u044f\u0442\u044c \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0442\u043e\u043b\u0431\u0446\u044b \u0438\u0437 \u0432\u0430\u0448\u0435\u0439 grid \u0442\u0430\u0431\u043b\u0438\u0446\u044b.<br \/>  3.4. <b>&lt;filterSearch name=&quot;fulltext&quot;&gt;<\/b> \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439. \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 full text search \u043f\u043e\u043b\u0435.<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/91b\/408\/ce5\/91b408ce58614933a8adab0ea9ee435a.PNG\"\/><br \/>  Magento \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0432\u043d\u0435\u0434\u0440\u0438\u043b\u0438 \u0437\u0430\u043c\u0435\u0447\u0430\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u0444\u0438\u0447\u0443 \u2014 \u043f\u043e\u0438\u0441\u043a \u043f\u043e \u043b\u044e\u0431\u043e\u043c\u0443 \u043f\u043e\u043b\u044e \u0432 \u0411\u0414 \u0431\u0435\u0437 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0433\u043e \u043a\u043e\u0434\u0430! \u0412\u0441\u0435 \u0447\u0442\u043e \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u044d\u0442\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c full text index \u043f\u043e 1 \u0438\u043b\u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u043c \u0441\u0442\u043e\u043b\u0431\u0446\u0430\u043c \u0432 \u0411\u0414. \u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0448\u0435\u0439 \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u0435\u0441\u0442\u044c \u0445\u043e\u0442\u044c 1 full text index \u0442\u043e \u0432\u0432\u0435\u0434\u0435\u043d\u043d\u044b\u0439 \u0442\u0435\u043a\u0441\u0442 \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043a\u0430\u0442\u044c\u0441\u044f \u043f\u043e \u043d\u0435\u043c\u0443. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u0438\u043d\u0434\u0435\u043a\u0441\u044b \u0432 \u0432\u0430\u0448\u0438\u0445 \u0438\u043d\u0441\u0442\u0430\u043b \u0441\u043a\u0440\u0438\u043f\u0442\u0430\u0445. \u041d\u0430\u0447\u0438\u043d\u0430\u044f \u0441 MySQL 5.6.4 InnoDB \u0442\u0430\u0431\u043b\u0438\u0446\u044b \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442 Full text Index \u0442\u0430\u043a \u0436\u0435 \u043a\u0430\u043a \u0438 MyISAM.<br \/>  3.5. <b>&lt;filters name=&quot;listing_filters&quot;&gt;<\/b> \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u0435\u043d. \u042d\u0442\u043e\u0442 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u043c\u043e\u0436\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043c\u0438\u043a\u0440\u043e\u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0434\u043b\u044f \u0444\u0438\u043b\u044c\u0442\u0440\u043e\u0432 \u0438 \u0438\u0445 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f. \u0412 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0432\u0438\u0434\u0435\u0442\u044c &lt;argument&gt; \u0438 &lt;filterSelect&gt; \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b.   <\/p>\n<pre><code class=\"xml\">&lt;listingToolbar name=&quot;listing_top&quot;&gt;     ...     &lt;filters name=&quot;listing_filters&quot;&gt;         &lt;!-- If you need to apply custom filter render you can use these tag --&gt;         &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;             &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;                 &lt;item name=&quot;templates&quot; xsi:type=&quot;array&quot;&gt;                     &lt;item name=&quot;filters&quot; xsi:type=&quot;array&quot;&gt;                         &lt;item name=&quot;select&quot; xsi:type=&quot;array&quot;&gt;                             &lt;item name=&quot;component&quot; xsi:type=&quot;string&quot;&gt;Magento_Ui\/js\/form\/element\/ui-select&lt;\/item&gt;                             &lt;item name=&quot;template&quot; xsi:type=&quot;string&quot;&gt;ui\/grid\/filters\/elements\/ui-select&lt;\/item&gt;                         &lt;\/item&gt;                     &lt;\/item&gt;                 &lt;\/item&gt;             &lt;\/item&gt;         &lt;\/argument&gt;         &lt;!-- custom filter, Expected is one of ( filterInput, filterRange, filterSelect, containerConfiguration ) --&gt;         &lt;filterSelect name=&quot;store_id&quot;&gt;             &lt;argument name=&quot;optionsProvider&quot; xsi:type=&quot;configurableObject&quot;&gt;                 &lt;argument name=&quot;class&quot; xsi:type=&quot;string&quot;&gt;Magento\\Cms\\Ui\\Component\\Listing\\Column\\Cms\\Options&lt;\/argument&gt;             &lt;\/argument&gt;             &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;                 &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;                     &lt;item name=&quot;provider&quot; xsi:type=&quot;string&quot;&gt;${ $.parentName }&lt;\/item&gt;                     &lt;!-- data that will be sent to server --&gt;                     &lt;item name=&quot;dataScope&quot; xsi:type=&quot;string&quot;&gt;store_id&lt;\/item&gt;                     &lt;item name=&quot;label&quot; xsi:type=&quot;string&quot; translate=&quot;true&quot;&gt;Store View&lt;\/item&gt;                     &lt;!-- default value --&gt;                     &lt;item name=&quot;captionValue&quot; xsi:type=&quot;string&quot;&gt;0&lt;\/item&gt;                 &lt;\/item&gt;             &lt;\/argument&gt;         &lt;\/filterSelect&gt;     &lt;\/filters&gt;     ... &lt;\/listingToolbar&gt; <\/code><\/pre>\n<p>  \u0414\u0430\u0432\u0430\u0439\u0442\u0435 \u043d\u0430\u0447\u043d\u0435\u043c \u0441 \u043f\u0435\u0440\u0432\u043e\u0433\u043e.<\/p>\n<p>  <b>&lt;argument&gt;<\/b><br \/>  \u0418\u043d\u043e\u0433\u0434\u0430 \u0432\u0430\u043c \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u044c\u0441\u044f \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0438\u043b\u0438 \u0448\u0430\u0431\u043b\u043e\u043d \u0434\u043b\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u0442\u0438\u043f\u0430 \u0444\u0438\u043b\u044c\u0442\u0440\u0430 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 text input \u0432\u043d\u0443\u0442\u0440\u0438 \u0441\u043f\u0438\u0441\u043a\u0430 \u0444\u0438\u043b\u044c\u0442\u0440\u043e\u0432 \u0438\u043b\u0438 select \u044d\u043b\u0435\u043c\u0435\u043d\u0442). \u041d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0447\u0430\u0441\u0442\u044b\u0439 \u0441\u043b\u0443\u0447\u0430\u0439 \u0432 Magento 2 \u043a\u043e\u0434\u0435 \u044d\u0442\u043e \u0437\u0430\u043c\u0435\u043d\u0430 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0438 \u0448\u0430\u0431\u043b\u043e\u043d\u0430 select \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d\u0430 \u0441 select \u043d\u0430 ui-select \u0434\u043b\u044f status \u0444\u0438\u043b\u044c\u0442\u0440\u0430.<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/73e\/c41\/03c\/73ec4103c6264bc6a11f08ddf6b8112a.png\"\/><br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/e5b\/dd9\/06c\/e5bdd906c11a4e5fb74aa062a799456a.png\"\/><br \/>  \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435, \u0447\u0442\u043e \u044d\u0442\u043e \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0437\u0430\u0442\u0440\u043e\u043d\u0435\u0442 \u0432\u0441\u0435 \u0444\u0438\u043b\u044c\u0442\u0440\u044b &lt;item name={type}&gt; \u0442\u0438\u043f\u0430.<\/p>\n<p>  <b>&lt;filterSelect&gt;<\/b><br \/>  \u042d\u043b\u0435\u043c\u0435\u043d\u0442 \u00abfilterSelect\u00bb \u2014 \u044d\u0442\u043e \u043f\u0440\u0438\u043c\u0435\u0440 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0433\u043e \u0444\u0438\u043b\u044c\u0442\u0440\u0430 \u0434\u043b\u044f store_id \u043a\u043e\u043b\u043e\u043d\u043a\u0438. \u0412 \u043e\u0431\u0449\u0435\u043c \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u0441\u0435 \u0441\u0442\u043e\u043b\u0431\u0446\u044b \u0438\u043c\u0435\u044e\u0442 \u0441\u0432\u043e\u0439 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u0444\u0438\u043b\u044c\u0442\u0440 (text, textRange, date, select \u0438 \u0442.\u0434.), \u043d\u043e \u0432 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0441\u043b\u0443\u0447\u0430\u044f\u0445 \u0432\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435\/\u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0442\u0430\u043a\u043e\u0433\u043e \u0444\u0438\u043b\u044c\u0442\u0440\u0430 \u0434\u043b\u044f \u043d\u0435\u043a\u043e\u0439 \u043a\u043e\u043b\u043e\u043d\u043a\u0438. \u0414\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0435 \u0442\u0438\u043f\u044b: filterInput, filterRange, filterSelect \u0438 containerConfiguration (\u043e\u0431 \u044d\u0442\u043e\u043c \u0442\u0438\u043f\u0435 \u043d\u0430\u043c \u0433\u043e\u0432\u043e\u0440\u0438\u0442 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0432 \u043e\u0448\u0438\u0431\u043a\u0435, \u0435\u0441\u043b\u0438 \u0432\u044b \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0435\u0442\u0435 \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u0447\u0442\u043e-\u0442\u043e \u0434\u0440\u0443\u0433\u043e\u0435). \u0418\u043c\u044f \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u0438\u0434\u0435\u043d\u0442\u0438\u0447\u043d\u043e \u0438\u043c\u0435\u043d\u0438 \u0441\u0442\u043e\u043b\u0431\u0446\u0430, \u0444\u0438\u043b\u044c\u0442\u0440, \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u043f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c, \u0432 \u043f\u0440\u043e\u0442\u0438\u0432\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043c\u0430\u043f\u0438\u043d\u0433 \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c.<\/p>\n<p>  3.6. <b>&lt;massaction name=&quot;listing_massaction&quot;&gt;<\/b> \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u0435\u043d. \u041e\u043d \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 massaction \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d \u0438 \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0435\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u0435\u0441\u043b\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u043d\u0435 \u0432\u044b\u0431\u0440\u0430\u043b \u043d\u0438\u043a\u0430\u043a\u0438\u0435 \u0441\u0442\u0440\u043e\u043a\u0438 \u0434\u043e \u0432\u044b\u0431\u043e\u0440\u0430 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f.<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/a85\/e46\/e23\/a85e46e23d084a20b775a827ce4cc2b0.png\"\/><br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/d3a\/fd3\/ed1\/d3afd3ed125c40cdae51a071cf612059.png\"\/> <\/p>\n<p>  \u041e\u0431\u044b\u0447\u043d\u043e \u044d\u0442\u043e\u0442 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043a\u0430\u043a \u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d, \u043d\u043e \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043d\u0430 \u0434\u0440\u0435\u0432\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u043e\u0435 \u043c\u0435\u043d\u044e.<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/6bf\/dc0\/4e8\/6bfdc04e80d24f4389b48cccd585f0f3.png\"\/><br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/ad0\/39b\/61f\/ad039b61f28b463cb9217ce5c433ea17.png\"\/><\/p>\n<p>  \u0415\u0441\u043b\u0438 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c \u0434\u0435\u0444\u043e\u043b\u0442\u043d\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u00abYou haven\u2019t selected any items!\u00bb \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u0432\u044b\u0448\u0435, \u0432\u0430\u043c \u043d\u0430\u0434\u043e \u043f\u0435\u0440\u0435\u0434\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0432 massaction component, \u043f\u0440\u043e\u0441\u0442\u043e \u0432\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0441\u0432\u043e\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0432 \u00abnoItemsMsg\u00bb.  <\/p>\n<pre><code class=\"xml\">&lt;massaction name=&quot;listing_massaction&quot;&gt;     &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;         &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;             &lt;item name=&quot;noItemsMsg&quot; xsi:type=&quot;string&quot;&gt;Type here any text&lt;\/item&gt;         &lt;\/item&gt;     &lt;\/argument&gt;     ... &lt;\/massaction&gt; <\/code><\/pre>\n<p>  \u0414\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043d\u043e\u0432\u043e\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u0432 \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d, \u0432\u0437\u0433\u043b\u044f\u043d\u0438\u0442\u0435 \u043d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440 \u043d\u0438\u0436\u0435. \u042d\u0442\u043e \u043f\u0440\u0438\u043c\u0435\u0440 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u00abdelete\u00bb, \u043d\u043e \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0442\u0430\u043a \u0436\u0435 \u0434\u0440\u0443\u0433\u0438\u0435.  <\/p>\n<pre><code class=\"xml\">&lt;massaction name=&quot;listing_massaction&quot;&gt;     ...     &lt;action name=&quot;delete&quot;&gt;         &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;             &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;                 &lt;item name=&quot;type&quot; xsi:type=&quot;string&quot;&gt;delete&lt;\/item&gt;                 &lt;item name=&quot;label&quot; xsi:type=&quot;string&quot; translate=&quot;true&quot;&gt;Delete&lt;\/item&gt;                 &lt;item name=&quot;url&quot; xsi:type=&quot;url&quot; path=&quot;uigrid\/index\/massDelete&quot;\/&gt;                 &lt;item name=&quot;confirm&quot; xsi:type=&quot;array&quot;&gt;                     &lt;item name=&quot;title&quot; xsi:type=&quot;string&quot; translate=&quot;true&quot;&gt;Delete items&lt;\/item&gt;                     &lt;item name=&quot;message&quot; xsi:type=&quot;string&quot; translate=&quot;true&quot;&gt;Are you sure you want to delete selected items?&lt;\/item&gt;                 &lt;\/item&gt;             &lt;\/item&gt;         &lt;\/argument&gt;     &lt;\/action&gt;     ... &lt;\/massaction&gt; <\/code><\/pre>\n<p>  <b>&lt;action name=&quot;delete&quot;&gt;<\/b> \u2014 \u0434\u043e\u043b\u0436\u0435\u043d \u0438\u043c\u0435\u0442\u044c \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0435 \u0438\u043c\u044f, \u0442\u0430\u043a \u043a\u0430\u043a Magento \u043c\u0435\u0440\u0434\u0436\u0438\u0442 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u043f\u043e \u0438\u043c\u0435\u043d\u0438.<br \/>  <b>&lt;item name=&quot;type&quot;&gt;<\/b> \u2014 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u043c \u0442\u0430\u043a \u0436\u0435, \u0432 \u043f\u0440\u043e\u0442\u0438\u0432\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 Magento \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0432\u0441\u0435 \u0442\u0430\u043a\u0438\u0435 \u043e\u043f\u0446\u0438\u0438 \u0432 \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d\u0435, \u043d\u043e \u0432\u0441\u0435 \u043e\u043d\u0438 \u0431\u0443\u0434\u0443\u0442 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c 1 \u0438 \u0442\u043e\u0436\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043a\u0430\u043a \u0431\u044b\u043b\u043e \u043e\u043f\u0438\u0441\u0430\u043d\u043e \u0432 1\u043e\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0435 \u0441 \u044d\u0442\u0438\u043c \u0442\u0438\u043f\u043e\u043c \u0442\u0430\u043a \u043a\u0430\u043a Magento \u043a\u0435\u0448\u0438\u0440\u0443\u0435\u0442 \u043a\u043e\u043d\u0444\u0438\u0433\u0438 \u043f\u043e \u0442\u0438\u043f\u0443. \u0425\u043e\u0440\u043e\u0448\u0435\u0439 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u043e\u0439 \u0441\u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0442\u043e\u0433\u043e \u0436\u0435 \u0438\u043c\u0435\u043d\u0438, \u0447\u0442\u043e \u0432\u044b \u0443\u043a\u0430\u0437\u0430\u043b\u0438 \u0434\u043b\u044f \u044d\u043a\u0448\u0435\u043d\u0430.<br \/>  <b>&lt;item name=&quot;label&quot;&gt;<\/b> \u2014 \u0438\u043c\u044f \u043e\u043f\u0446\u0438\u0438.<br \/>  <b>&lt;item name=&quot;url&quot;&gt;<\/b> \u2014 \u0443\u0440\u043b \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d \u0434\u043b\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0445 \u0441\u0442\u0440\u043e\u043a. \u0422\u0443\u0434\u0430 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d \u043c\u0430\u0441\u0441\u0438\u0432 selected\/excluded \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432, \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u043d\u044b\u0435 \u0444\u0438\u043b\u044c\u0442\u0440\u044b \u0438 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u043d\u0430\u044f full text search \u0444\u0440\u0430\u0437\u0430. \u0420\u0430\u0437\u043d\u0438\u0446\u0430 \u043c\u0435\u0436\u0434\u0443 \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0435\u043c\u044b\u043c\u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u043c\u0438 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u043c\u0435\u0442\u043e\u0434\u0430 \u0432\u044b\u0431\u043e\u0440\u0430 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432. \u0415\u0441\u043b\u0438 \u0432\u044b \u043d\u0430\u0436\u0430\u043b\u0438 \u00abselect all\u00bb \u0442\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u00abexcluded\u00bb \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u00abfalse\u00bb. \u0415\u0441\u043b\u0438 \u0432\u044b \u0432\u044b\u0431\u0440\u0430\u043b\u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0432\u0440\u0443\u0447\u043d\u0443\u044e, \u043c\u0430\u0441\u0441\u0438\u0432 \u00abselected\u00bb \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c entity id \u0432\u0441\u0435\u0445 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0445 \u0437\u0430\u043f\u0438\u0441\u0435\u0439. \u0421\u0430\u043c\u044b\u0439 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0441\u043b\u0443\u0447\u0430\u0439, \u0435\u0441\u043b\u0438 \u0432\u044b \u043d\u0430\u0436\u0430\u043b\u0438 \u00abselect all\u00bb, \u043d\u043e \u043f\u043e\u0437\u0436\u0435 \u0430\u043d\u0447\u0435\u043a\u043d\u0443\u043b\u0438 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0437\u0430\u043f\u0438\u0441\u0435\u0439 \u0432\u0440\u0443\u0447\u043d\u0443\u044e, \u043c\u0430\u0441\u0441\u0438\u0432 \u00abexcluded\u00bb \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c entity id \u0432\u0441\u0435\u0445 \u0430\u043d\u0447\u0435\u043a\u043d\u0443\u0442\u044b\u0445 \u0437\u0430\u043f\u0438\u0441\u0435\u0439. \u0427\u0442\u043e\u0431\u044b \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u0440 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u00abmassDelete\u00bb \u044d\u043a\u0448\u0435\u043d\u0430 \u0438 \u043a\u0430\u043a \u044d\u0442\u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u043a\u043b\u0430\u0441\u0441 Magento\\Cms\\Controller\\Adminhtml\\Block\\massDelete.<br \/>  <b>&lt;item name=&quot;confirm&quot;&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442. \u0415\u0441\u043b\u0438 \u0443\u043a\u0430\u0437\u0430\u043d, Magento \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e \u0434\u043b\u044f \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0441 \u00abOk\u00bb \u0438\u043b\u0438 \u00abCancel\u00bb \u043a\u043d\u043e\u043f\u043a\u0430\u043c\u0438. Title \u0438 Message \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u044b \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u0432\u044b\u0448\u0435.<\/p>\n<p>  \u0421\u0435\u0439\u0447\u0430\u0441 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u043d\u0435 \u043e\u0431\u044b\u0447\u043d\u0443\u044e \u043a\u043d\u043e\u043f\u043a\u0443, \u0430 mass edit \u043a\u043d\u043e\u043f\u043a\u0443.   <\/p>\n<pre><code class=\"xml\">&lt;massaction name=&quot;listing_massaction&quot;&gt;     ...     &lt;action name=&quot;edit&quot;&gt;         &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;             &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;                 &lt;item name=&quot;type&quot; xsi:type=&quot;string&quot;&gt;edit&lt;\/item&gt;                 &lt;item name=&quot;label&quot; xsi:type=&quot;string&quot; translate=&quot;true&quot;&gt;Edit&lt;\/item&gt;                 &lt;item name=&quot;callback&quot; xsi:type=&quot;array&quot;&gt;                     &lt;item name=&quot;provider&quot; xsi:type=&quot;string&quot;&gt;uigrid_grid_listing.uigrid_grid_listing.uigrid_grid_columns_editor&lt;\/item&gt;                     &lt;item name=&quot;target&quot; xsi:type=&quot;string&quot;&gt;editSelected&lt;\/item&gt;                 &lt;\/item&gt;             &lt;\/item&gt;         &lt;\/argument&gt;     &lt;\/action&gt; &lt;\/massaction&gt; <\/code><\/pre>\n<p>  \u041e\u0441\u043d\u043e\u0432\u043d\u0430\u044f \u0440\u0430\u0437\u043d\u0438\u0446\u0430 \u043c\u0435\u0436\u0434\u0443 \u043d\u0438\u043c\u0438 \u044d\u0442\u043e &lt;item name=&quot;callback&quot;&gt; \u044d\u043b\u0435\u043c\u0435\u043d\u0442. \u041e\u043d \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u0435\u043d. \u0415\u0433\u043e \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0434\u0435\u043b\u0430\u044e\u0442 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u043c \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0441\u0442\u0440\u043e\u043a \u0441\u0440\u0430\u0437\u0443. \u041f\u043e \u0444\u0430\u043a\u0442\u0443, \u043e\u043d \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442 \u043a\u043e\u043b\u0431\u0435\u043a \u043a \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u043c \u0441\u0442\u0440\u043e\u043a\u0430\u043c.<\/p>\n<p>  \u0412\u043e\u0442 \u0442\u0430\u043a \u0438\u0437\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0433\u0440\u0438\u0434 \u0435\u0441\u043b\u0438 \u0432\u044b\u0431\u0440\u0430\u043d\u043e \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0441\u0442\u0440\u043e\u043a<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/abe\/42f\/30f\/abe42f30f4d940919163ed74bccc8e9c.PNG\"\/><br \/>  \u0438 \u0435\u0441\u043b\u0438 \u0432\u044b\u0431\u0440\u0430\u043d\u0430 \u0442\u043e\u043b\u044c\u043a\u043e 1 \u0441\u0442\u043e\u043a\u0430<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/a0c\/c48\/faf\/a0cc48faf8f7405eb9808b671abc71a4.png\"\/> <\/p>\n<p>  \u0414\u043b\u044f \u043f\u043e\u0434\u043e\u0431\u043d\u043e\u0433\u043e \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0431\u0443\u0434\u0443\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0435 \u043a\u043e\u043b\u043e\u043d\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u043c\u0435\u044e\u0442 \u00abeditor\u00bb \u0430\u0442\u0440\u0438\u0431\u0443\u0442 (\u0431\u043e\u043b\u044c\u0448\u0435 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u043e \u043d\u0435\u043c \u043d\u0438\u0436\u0435).<br \/>  <b>&lt;item name=&quot;provider&quot;&gt;<\/b> \u2014 \u044d\u0442\u043e \u043f\u0443\u0442\u044c \u0434\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430. \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u0441\u0442\u0440\u043e\u043a\u0443 \u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u0435. \u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u043c\u0443 \u0444\u043e\u0440\u043c\u0430\u0442\u0443 {filename}.{filename}.{ columns_element_name}_editor.<br \/>  <b>&lt;item name=&quot;target&quot;&gt;<\/b> \u2014 \u044d\u0442\u043e \u0438\u043c\u044f \u043c\u0435\u0442\u043e\u0434\u0430 \u0432\u043d\u0443\u0442\u0440\u0438 knockoutjs \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430, \u00abeditSelected\u00bb \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0443\u043a\u0430\u0437\u0430\u043d \u0442\u0443\u0442.<\/p>\n<p>  \u0414\u0435\u0442\u0430\u043b\u044c\u043d\u0430\u044f \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0430 \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u043d\u0430 \u0447\u0443\u0442\u044c \u043f\u043e\u0437\u0436\u0435.<\/p>\n<p>  \u0413\u043e\u0432\u043e\u0440\u044f \u043e\u0431 \u043e\u043f\u0446\u0438\u044f\u0445 massaction \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d\u0430, \u043a\u0430\u043a \u0432\u044b \u0432\u0438\u0434\u0435\u043b\u0438 \u0440\u0430\u043d\u044c\u0448\u0435, \u0442\u0430\u043c \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u043e 2 \u0442\u0438\u043f\u0430 \u043e\u043f\u0446\u0438\u0439. \u041e\u0431\u044b\u0447\u043d\u044b\u0435 (select) \u0438 \u0434\u0440\u0435\u0432\u043e\u043f\u043e\u0434\u043e\u0431\u043d\u044b\u0435 \u043e\u043f\u0446\u0438\u0438. \u041a \u043d\u0435\u0441\u0447\u0430\u0441\u0442\u044c\u044e \u00abselect\u00bb \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u043f\u043e\u0434\u043c\u0435\u043d\u044e, \u043d\u043e tree-massactions \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442. \u0414\u043b\u044f \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u0432\u0430\u043c \u043d\u0430\u0434\u043e \u0441\u043a\u0430\u0437\u0430\u0442\u044c Magento \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c Magento_Ui\/js\/grid\/tree-massactions \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442. \u00abAction\u00bb \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0434\u043e\u043b\u0436\u0435\u043d \u0431\u044b\u0442\u044c \u0443\u0436\u0435 \u0437\u043d\u0430\u043a\u043e\u043c \u0432\u0430\u043c, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0434\u0430\u0432\u0430\u0439\u0442\u0435 \u0432\u0437\u0433\u043b\u044f\u043d\u0435\u043c \u043d\u0430 \u043c\u0438\u043d\u043e\u0440\u043d\u044b\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0432 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435.  <\/p>\n<pre><code class=\"xml\">&lt;massaction name=&quot;listing_massaction&quot;&gt;     ...     &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;         &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;             &lt;item name=&quot;component&quot; xsi:type=&quot;string&quot;&gt;Magento_Ui\/js\/grid\/tree-massactions&lt;\/item&gt;         &lt;\/item&gt;     &lt;\/argument&gt;     &lt;action name=&quot;status&quot;&gt;         &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;             &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;                 &lt;item name=&quot;type&quot; xsi:type=&quot;string&quot;&gt;status&lt;\/item&gt;                 &lt;item name=&quot;label&quot; xsi:type=&quot;string&quot; translate=&quot;true&quot;&gt;Change status&lt;\/item&gt;             &lt;\/item&gt;         &lt;\/argument&gt;         &lt;argument name=&quot;actions&quot; xsi:type=&quot;array&quot;&gt;             &lt;item name=&quot;0&quot; xsi:type=&quot;array&quot;&gt;                 &lt;item name=&quot;type&quot; xsi:type=&quot;string&quot;&gt;enable&lt;\/item&gt;                 &lt;item name=&quot;label&quot; xsi:type=&quot;string&quot; translate=&quot;true&quot;&gt;Enable&lt;\/item&gt;                 &lt;item name=&quot;url&quot; xsi:type=&quot;url&quot; path=&quot;uigird\/index\/massStatus&quot;&gt;                     &lt;param name=&quot;status&quot;&gt;1&lt;\/param&gt;                 &lt;\/item&gt;             &lt;\/item&gt;             &lt;item name=&quot;1&quot; xsi:type=&quot;array&quot;&gt;                 &lt;item name=&quot;type&quot; xsi:type=&quot;string&quot;&gt;disable&lt;\/item&gt;                 &lt;item name=&quot;label&quot; xsi:type=&quot;string&quot; translate=&quot;true&quot;&gt;Disable&lt;\/item&gt;                 &lt;item name=&quot;url&quot; xsi:type=&quot;url&quot; path=&quot;uigrid\/index\/massStatus&quot;&gt;                     &lt;param name=&quot;status&quot;&gt;2&lt;\/param&gt;                 &lt;\/item&gt;             &lt;\/item&gt;         &lt;\/argument&gt;     &lt;\/action&gt;     ... &lt;\/massaction&gt; <\/code><\/pre>\n<p>  <b>&lt;argument name=&quot;actions&quot; xsi:type=&quot;array&quot;&gt;<\/b> \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u0435\u043d. \u041e\u043d \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043c\u0430\u0441\u0441\u0438\u0432 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0441 \u0438\u043c\u0435\u043d\u0430\u043c\u0438 \u043e\u0442 0 \u0434\u043e N, \u0435\u0441\u043b\u0438 \u0438\u043c\u0435\u043d\u0430 \u043d\u0435 \u0431\u0443\u0434\u0443\u0442 \u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u044c \u0446\u0435\u043b\u043e\u0447\u0438\u0441\u043b\u0435\u043d\u043d\u043e\u0439 \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0442\u043e knockoutjs (javascript) \u0432\u044b\u0431\u0440\u043e\u0441\u0438\u0442 \u043e\u0448\u0438\u0431\u043a\u0443.<br \/>  <b>&lt;param name=&quot;\u2026&quot;&gt;\u2026&lt;\/param&gt;<\/b> \u0442\u0430\u043a \u0436\u0435 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u0435\u043d. \u041f\u043e\u043a\u0430 \u0432\u0441\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0445 \u0441\u0442\u0440\u043e\u043a\u0430\u0445 \u0431\u0443\u0434\u0435\u0442 \u043f\u0435\u0440\u0435\u0434\u0430\u043d\u0430 \u0432 \u0442\u0435\u043b\u0435 post \u0437\u0430\u043f\u0440\u043e\u0441\u0430, \u044d\u0442\u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0431\u0443\u0434\u0443\u0442 \u043f\u0435\u0440\u0435\u0434\u0430\u043d\u044b \u043a\u0430\u043a get \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0438 \u0437\u0430\u0432\u0438\u0441\u044f\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0442 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0439 \u043e\u043f\u0446\u0438\u0438 (\u0441\u043c. \u043f\u0440\u0438\u043c\u0435\u0440 \u0432\u044b\u0448\u0435). \u042d\u0442\u0438 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u044b \u0438 \u0441 \u0434\u0440\u0443\u0433\u0438\u043c\u0438 \u043c\u0430\u0441\u0441 \u044d\u043a\u0448\u0435\u043d\u0430\u043c\u0438.<br \/>  3.7. <b>&lt;paging name=&quot;listing_paging&quot;\/&gt;<\/b> \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442. \u041e\u043d \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u043f\u0430\u0433\u0438\u043d\u0430\u0446\u0438\u044e \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0439 \u0433\u0440\u0438\u0434 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u0415\u0441\u043b\u0438 \u043e\u043d \u043d\u0435 \u0431\u044b\u043b \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d, Magento \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0432\u0441\u0435 \u0437\u0430\u043f\u0438\u0441\u0438 \u043d\u0430 1 \u0441\u0442\u0430\u043d\u0438\u0446\u0435 \u0438 \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043d\u0430\u0439\u0434\u0435\u043d\u043d\u044b\u0445 \u0437\u0430\u043f\u0438\u0441\u0435\u0439.<br \/>  \u0421 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u043c<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/381\/288\/8e5\/3812888e5c084f8b8c960d1e53ab6a8f.PNG\"\/><br \/>  \u0431\u0435\u0437 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/595\/260\/a8d\/595260a8da71496991f64e759420121d.PNG\"\/><\/p>\n<p>  3.8. <b>&lt;exportButton name=&quot;export_button&quot;\/&gt;<\/b> \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442. \u042d\u0442\u043e\u0442 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u043a\u043d\u043e\u043f\u043a\u0443 export \u0441 2\u043c\u044f \u043e\u043f\u0446\u0438\u044f\u043c\u0438: export as csv, export as xml. \u0412\u0430\u043c \u043d\u0435 \u043d\u0430\u0434\u043e \u0438\u043c\u043f\u043b\u0435\u043c\u0435\u043d\u0442\u0438\u0442\u044c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u043b\u043e\u0433\u0438\u043a\u0438, \u0447\u0442\u043e\u0431\u044b \u044d\u0442\u0430 \u0444\u0438\u0447\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u043b\u0430. \u041e\u043d\u0430 \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u0444\u0438\u0434 \u0444\u0430\u0439\u043b \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0438\u0439 \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435, \u0441\u043e\u0433\u043b\u0430\u0441\u043d\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u043d\u044b\u043c \u0444\u0438\u043b\u044c\u0442\u0440\u0430\u043c. \u0424\u0430\u0439\u043b \u0438\u0433\u043d\u043e\u0440\u0438\u0440\u0443\u0435\u0442 \u0441\u043e\u0440\u0442 \u043e\u0440\u0434\u0435\u0440 \u0438 \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u044c \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043d\u0430 \u044d\u043a\u0440\u0430\u043d\u0435, Magento \u0432\u0441\u0435\u0433\u0434\u0430 \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u0442 \u0444\u0430\u0439\u043b \u0432\u043a\u043b\u044e\u0447\u0430\u044e\u0449\u0438\u0439 \u0432\u0441\u0435 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u0438\u0437 ui_component \u0444\u0430\u0439\u043b\u0430. \u041a\u043e\u043b\u043e\u043d\u043a\u0438 \u0431\u0443\u0434\u0443\u0442 \u0432 \u043f\u043e\u0440\u044f\u0434\u043a\u0435 \u0438\u0445 \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u0435 \u0432 \u044d\u0442\u043e\u043c \u0444\u0430\u0439\u043b\u0435, \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0438\u0433\u043d\u043e\u0440\u0438\u0440\u0443\u044f \u0438\u043d\u0443\u044e \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0443 (\u0432\u043a\u043b\u044e\u0447\u0430\u044f \u0430\u0442\u0440\u0438\u0431\u0443\u0442 \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0432 \u0444\u0430\u0439\u043b\u0435). \u0412\u044b \u0442\u0430\u043a \u0436\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u0444\u043e\u0440\u043c\u0430\u0442\u044b \u0434\u043b\u044f \u044d\u043a\u0441\u043f\u043e\u0440\u0442\u0430, \u043a\u0430\u043a \u044d\u0442\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u043e\u043f\u0438\u0441\u0430\u043d\u043e \u0432 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 <a href=\"http:\/\/devdocs.magento.com\/guides\/v2.1\/ui-components\/ui-export.html\">devdocs.magento.com\/guides\/v2.1\/ui-components\/ui-export.html<\/a>.<\/p>\n<p>  4. <b>&lt;columns name=&quot;uigrid_grid_columns&quot;&gt;<\/b>  <\/p>\n<pre><code class=\"xml\">... &lt;columns name=&quot;uigrid_grid_columns&quot;&gt;     &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;         ...     &lt;\/argument&gt;     &lt;selectionsColumn name=&quot;ids&quot;&gt;         ...     &lt;\/selectionsColumn&gt;     &lt;column name=&quot;entity_id&quot;&gt;         ...     &lt;\/column&gt;     &lt;actionsColumn name=&quot;actions&quot; class=&quot;Test\\UiGrid\\Ui\\Component\\Listing\\Column\\Action&quot;\/&gt; &lt;\/columns&gt; <\/code><\/pre>\n<p>  \u042d\u0442\u043e \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0430\u044f \u0438 \u0432\u0430\u0436\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043a\u043e\u043b\u043e\u043d\u043e\u043a \u0432 \u0433\u0440\u0438\u0434\u0435. \u042d\u0442\u043e\u0442 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u0441\u043f\u0438\u0441\u043e\u043a \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0430\u0434\u043c\u0438\u043d\u0443.<br \/>  <b>&lt;columns name=&quot;uigrid_grid_columns&quot;&gt;<\/b> \u2014 \u0438\u043c\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0433\u043e \u0444\u043e\u0440\u043c\u0430\u0442\u0430 {extension}_{entity}_columns \u0438 \u0431\u044b\u0442\u044c \u0438\u0434\u0435\u043d\u0442\u0438\u0447\u043d\u043e \u0442\u043e\u043c\u0443, \u0447\u0442\u043e \u0432\u044b \u043f\u0440\u043e\u043f\u0438\u0441\u0430\u043b\u0438 \u0432 &lt;item name=&quot;spinner&quot; xsi:type=&quot;string&quot;&gt;name_of_columns_element&lt;\/item&gt;. \u041e\u0431\u044b\u0447\u043d\u043e \u044d\u0442\u043e\u0442 \u0442\u0435\u0433 \u0438\u043c\u0435\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0430\u0442\u0440\u0438\u0431\u0443\u0442 \u00abname\u00bb, \u043d\u043e \u043c\u043e\u0436\u0435\u0442 \u0442\u0430\u043a \u0436\u0435 \u0438\u043c\u0435\u0442\u044c \u0438 \u00abclass\u00bb \u043a\u0430\u043a \u0432 vendor\/magento\/module-catalog\/view\/adminhtml\/ui_component\/product_listing.xml.<br \/>  <b>&lt;columns name=&quot;product_columns&quot; class=&quot;Magento\\Catalog\\Ui\\Component\\Listing\\Columns&quot;&gt;<\/b><br \/>  \u0412\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u043b\u0430\u0441\u0441 \u0432 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0435 columns \u0442\u043e\u043b\u044c\u043a\u043e \u0435\u0441\u043b\u0438 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u0440\u043e\u0434\u0435 \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0438, \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u043a\u0430\u043a\u0438\u0445-\u0442\u043e \u043a\u043e\u043b\u043e\u043d\u043e\u043a \u0438\u043b\u0438 \u0436\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u043d\u043e\u0432\u044b\u0435 \u0441\u0442\u043e\u043b\u0431\u0446\u044b \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438.<\/p>\n<p>  <a name=\"editor\"><\/a><\/p>\n<h2>Editor<\/h2>\n<p>  <\/p>\n<pre><code class=\"xml\">... &lt;columns name=&quot;uigrid_grid_columns&quot;&gt;     &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;         &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;             &lt;item name=&quot;editorConfig&quot; xsi:type=&quot;array&quot;&gt;                 &lt;item name=&quot;selectProvider&quot; xsi:type=&quot;string&quot;&gt;uigrid_grid_listing.uigrid_grid_listing.uigrid_grid_columns.ids&lt;\/item&gt;                 &lt;item name=&quot;enabled&quot; xsi:type=&quot;boolean&quot;&gt;true&lt;\/item&gt;                 &lt;item name=&quot;indexField&quot; xsi:type=&quot;string&quot;&gt;entity_id&lt;\/item&gt;                 &lt;item name=&quot;clientConfig&quot; xsi:type=&quot;array&quot;&gt;                     &lt;item name=&quot;saveUrl&quot; xsi:type=&quot;url&quot; path=&quot;*\/*\/inlineEdit&quot;\/&gt;                     &lt;item name=&quot;validateBeforeSave&quot; xsi:type=&quot;boolean&quot;&gt;false&lt;\/item&gt;                     &lt;!--                     &lt;item name=&quot;validateBeforeSave&quot; xsi:type=&quot;boolean&quot;&gt;true&lt;\/item&gt;                     &lt;item name=&quot;validateUrl&quot; xsi:type=&quot;url&quot; path=&quot;*\/*\/checkData&quot;\/&gt;                     --&gt;                 &lt;\/item&gt;             &lt;\/item&gt;         &lt;\/item&gt;     &lt;\/argument&gt;     ... &lt;\/columns&gt; <\/code><\/pre>\n<p>  \u0415\u0441\u043b\u0438 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u00abedit\u00bb \u043c\u0430\u0441\u0441\u044d\u043a\u0448\u0435\u043d \u0432 \u0441\u043f\u0438\u0441\u043e\u043a \u043c\u0430\u0441\u0441\u044d\u043a\u0448\u0435\u043d\u043e\u0432 \u0438\u043b\u0438 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u043c \u0438\u043d\u043b\u0430\u0439\u043d \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0432\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0441\u043f\u0435\u0440\u0432\u0430 \u0435\u0433\u043e \u0441\u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c.<br \/>  <b>&lt;item name=&quot;selectProvider&quot; xsi:type=&quot;string&quot;&gt;<\/b> \u2014 \u043f\u0443\u0442\u044c \u043a \u043a\u043e\u043b\u043e\u043d\u043a\u0435\/\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0443 \u0432 \u0434\u0435\u0440\u0435\u0432\u0435, \u043f\u0440\u0438\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0439\u0442\u0435\u0441\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0433\u043e \u0444\u043e\u0440\u043c\u0430\u0442\u0430:<br \/>   {filename}.{filename}.{columns_name}.{selectionsColumn_name}, <br \/>  \u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u044d\u0442\u043e uigrid_grid_listing.uigrid_grid_listing.uigrid_grid_columns.ids.<br \/>  <b>&lt;item name=&quot;enabled&quot; xsi:type=&quot;boolean&quot;&gt;<\/b> \u2014 \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u044c\/\u0432\u044b\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440.<br \/>  <b>&lt;item name=&quot;indexField&quot; xsi:type=&quot;string&quot;&gt;<\/b> \u2014 entity id, \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043f\u0440\u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0438 \u0434\u0430\u043d\u043d\u044b\u0445.<br \/>  <b>&lt;item name=&quot;clientConfig&quot; xsi:type=&quot;array&quot;&gt;<\/b> \u2014 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f \u00abSave\u00bb \u044d\u043a\u0448\u0435\u043d\u0430.<br \/>  <b>&lt;item name=&quot;saveUrl&quot; xsi:type=&quot;url&quot; path=&quot;*\/*\/inlineEdit&quot;\/&gt;<\/b> \u2014 \u0443\u0440\u043b, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 knockoutjs \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u0434\u043b\u044f \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u0438\u043d\u043b\u0430\u0439\u043d \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439. \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u00abpath\u00bb, \u044f \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u043e \u0443\u043a\u0430\u0437\u0430\u043b \u0443\u0440\u043b \u043a\u0430\u043a &quot;*\/*\/inlineEditor&quot;, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c, \u0447\u0442\u043e \u0442\u0430\u043a\u0438\u0435 \u0443\u0440\u043b\u044b \u0442\u0430\u043a \u0436\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442\u0441\u044f.<br \/>  <b>&lt;item name=&quot;validateBeforeSave&quot; xsi:type=&quot;boolean&quot;&gt;<\/b> \u2014 \u044d\u0442\u043e \u0432\u0435\u0441\u044c\u043c\u0430 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u0430\u044f \u043e\u043f\u0446\u0438\u044f. \u0414\u0435\u0444\u043e\u043b\u0442\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u2013 \u00abtrue\u00bb, \u0442\u0430\u043a \u0447\u0442\u043e \u0435\u0441\u043b\u0438 \u0432\u044b \u043f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u043b\u0438 \u044d\u0442\u0443 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0443 \u0438 \u043d\u0435 \u0443\u043a\u0430\u0437\u0430\u043b\u0438 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u00abvalidateUrl\u00bb, knockoutjs \u0432\u044b\u0431\u0440\u043e\u0441\u0438\u0442 \u043e\u0448\u0438\u0431\u043a\u0443. \u0415\u0441\u043b\u0438 \u044d\u0442\u0430 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u0430, knockoutjs \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442 \u043d\u043e\u0432\u044b\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043d\u0430 \u00abvalidateUrl\u00bb \u0438 \u0435\u0441\u043b\u0438 \u0440\u0435\u0441\u043f\u043e\u043d\u0441 \u0432 \u043f\u043e\u0440\u044f\u0434\u043a\u0435 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 http \u043a\u043e\u0434 200), knockoutjs \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442 \u044d\u0442\u0438 \u0436\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 saveUrl, \u0432 \u043f\u0440\u043e\u0442\u0438\u0432\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043f\u043e\u043a\u0430\u0436\u0435\u0442 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u0441 \u043e\u0448\u0438\u0431\u043a\u043e\u0439. \u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0435 \u043d\u0443\u0436\u0435\u043d \u044d\u0442\u043e\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u0438 \u0432\u044b \u043f\u0440\u043e\u0441\u0442\u043e \u0445\u043e\u0442\u0438\u0442\u0435 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e \u0432\u0430\u043b\u0438\u0434\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u0445 \u043f\u0440\u044f\u043c\u043e \u0442\u0430\u043c \u0442\u043e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u00abfalse\u00bb.<br \/>  <b>&lt;item name=&quot;validateUrl&quot; xsi:type=&quot;url&quot; path=&quot;*\/*\/checkData&quot;\/&gt;<\/b> \u2014 \u0443\u0440\u043b \u0434\u043b\u044f \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438 \u0434\u0430\u043d\u043d\u044b\u0445.<\/p>\n<h4>\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 InlineEditor<\/h4>\n<p>  \u0415\u0441\u043b\u0438 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u0430\u043a\u0442\u0438\u0432\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u043d\u043b\u0430\u0439\u043d \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u043f\u043e \u043a\u043b\u0438\u043a\u0443 \u043d\u0430 \u0441\u0442\u0440\u043e\u0447\u043a\u0443 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u043a\u0430\u043a \u043d\u0430 CMS page\/block \u0433\u0440\u0438\u0434\u0430\u0445), \u0432\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043a\u043e\u043d\u0444\u0438\u0433 \u0432 &lt;argument&gt; \u0432\u0430\u0448\u0435\u0433\u043e &lt;columns&gt; \u0442\u0435\u0433\u0430 \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 \u00abeditorConfig\u00bb. \u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u0430\u043c \u043d\u0430\u0434\u043e \u043f\u043e\u043c\u0435\u043d\u044f\u0442\u044c \u044d\u0442\u043e \u00abprovider\u00bb, \u043e\u043d \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u043c\u0443 \u0444\u043e\u0440\u043c\u0430\u0442\u0443 {filename}.{filename}.{columns_name}_editor, \u0432\u0441\u0435 \u043e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0431\u044b\u0442\u044c \u043a\u0430\u043a \u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u043d\u0438\u0436\u0435.  <\/p>\n<pre><code class=\"xml\">... &lt;columns name=&quot;uigrid_grid_columns&quot;&gt;     &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;         &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;             &lt;item name=&quot;editorConfig&quot; xsi:type=&quot;array&quot;&gt;                 ...             &lt;\/item&gt;             &lt;item name=&quot;childDefaults&quot; xsi:type=&quot;array&quot;&gt;                 &lt;item name=&quot;fieldAction&quot; xsi:type=&quot;array&quot;&gt;                     &lt;item name=&quot;provider&quot; xsi:type=&quot;string&quot;&gt;uigrid_grid_listing.uigrid_grid_listing.uigrid_grid_columns_editor&lt;\/item&gt;                     &lt;item name=&quot;target&quot; xsi:type=&quot;string&quot;&gt;startEdit&lt;\/item&gt;                     &lt;item name=&quot;params&quot; xsi:type=&quot;array&quot;&gt;                         &lt;item name=&quot;0&quot; xsi:type=&quot;string&quot;&gt;${ $.$data.rowIndex }&lt;\/item&gt;                         &lt;item name=&quot;1&quot; xsi:type=&quot;boolean&quot;&gt;true&lt;\/item&gt;                     &lt;\/item&gt;                 &lt;\/item&gt;             &lt;\/item&gt;         &lt;\/item&gt;     &lt;\/argument&gt;     ... &lt;\/columns&gt; <\/code><\/pre>\n<p>  \u041f\u043e \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u044b\u043c \u043f\u0440\u0438\u0447\u0438\u043d\u0430\u043c \u0438\u043d\u043b\u0430\u0439\u043d \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u043c\u043e\u0436\u0435\u0442 \u043d\u0435 \u043f\u043e\u0434\u043e\u0439\u0442\u0438 \u0432\u0430\u043c. \u0412 \u0442\u0430\u043a\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u0430\u0445\u043e\u0442\u0435\u0442\u044c \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0442\u044c \u0434\u0440\u0443\u0433\u0438\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u043f\u043e \u043a\u043b\u0438\u043a\u0443 \u043d\u0430 \u0441\u0442\u0440\u043e\u0447\u043a\u0443. \u0414\u043b\u044f \u044d\u0442\u043e\u0433\u043e, \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439 \u043a\u043e\u0434 \u0432\u043c\u0435\u0441\u0442\u043e \u0432\u044b\u0437\u043e\u0432\u0430 inlineEditor. \u0412\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e 2 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 \u0442\u0430\u043c: provider,0. \u041f\u0440\u043e\u0432\u0430\u0439\u0434\u0435\u0440 \u0434\u043e\u043b\u0436\u0435\u043d \u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u044c \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u043c\u0443 \u0444\u043e\u0440\u043c\u0430\u0442\u0443 {filename}.{filename}.{columns_name}.actions, \u0438\u043c\u044f \u044d\u043a\u0448\u0435\u043d\u0430 \u0438\u0437 \u0432\u0430\u0448\u0435\u0433\u043e \u00abaction\u00bb \u0441\u043f\u0438\u0441\u043a\u0430 (\u0441\u043c. \u043d\u0438\u0436\u0435).  <\/p>\n<pre><code class=\"xml\">... &lt;columns name=&quot;uigrid_grid_columns&quot;&gt;     &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;         &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;             ...             &lt;item name=&quot;childDefaults&quot; xsi:type=&quot;array&quot;&gt;                 &lt;item name=&quot;fieldAction&quot; xsi:type=&quot;array&quot;&gt;                     &lt;item name=&quot;provider&quot; xsi:type=&quot;string&quot;&gt;uigrid_grid_listing.uigrid_grid_listing.uigrid_grid_columns.actions&lt;\/item&gt;                     &lt;item name=&quot;target&quot; xsi:type=&quot;string&quot;&gt;applyAction&lt;\/item&gt;                     &lt;item name=&quot;params&quot; xsi:type=&quot;array&quot;&gt;                         &lt;!-- name of action from action class --&gt;                         &lt;item name=&quot;0&quot; xsi:type=&quot;string&quot;&gt;view&lt;\/item&gt;                         &lt;item name=&quot;1&quot; xsi:type=&quot;string&quot;&gt;${ $.$data.rowIndex }&lt;\/item&gt;                     &lt;\/item&gt;                 &lt;\/item&gt;             &lt;\/item&gt;         &lt;\/item&gt;     &lt;\/argument&gt;     ... &lt;\/columns&gt; <\/code><\/pre>\n<p>  <a name=\"columns\"><\/a><\/p>\n<h2>Columns<\/h2>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/c23\/d6e\/17c\/c23d6e17cd034f41b60850ff050de972.png\"\/>  <\/p>\n<pre><code class=\"xml\">&lt;column|actionsColumn|selectionsColumn name=&quot;{unique_name}&quot; class=&quot;{class_name}&quot;&gt;     &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;         &lt;item name=&quot;options&quot; xsi:type=&quot;object&quot;&gt;{source_model_class}&lt;\/item&gt;         &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;             &lt;item name=&quot;component&quot; xsi:type=&quot;string&quot;&gt;Magento_Ui\/js\/grid\/columns\/{date|select|thumbnail|column|*}&lt;\/item&gt;             &lt;item name=&quot;bodyTmpl&quot; xsi:type=&quot;string&quot;&gt;ui\/grid\/cells\/{html|text|*}&lt;\/item&gt;             &lt;item name=&quot;add_field&quot; xsi:type=&quot;boolean&quot;&gt;{true|false}&lt;\/item&gt;             &lt;item name=&quot;sortable&quot; xsi:type=&quot;boolean&quot;&gt;{true|false}&lt;\/item&gt;             &lt;item name=&quot;filter&quot; xsi:type=&quot;string&quot;&gt;{textRange|dateRange|select|text}&lt;\/item&gt;             &lt;item name=&quot;sorting&quot; xsi:type=&quot;string&quot;&gt;{asc|desc}&lt;\/item&gt;             &lt;item name=&quot;label&quot; xsi:type=&quot;string&quot; translate=&quot;true&quot;&gt;{label}&lt;\/item&gt;             &lt;item name=&quot;visible&quot; xsi:type=&quot;boolean&quot;&gt;{true|false}&lt;\/item&gt;             &lt;item name=&quot;draggable&quot; xsi:type=&quot;boolean&quot;&gt;{true|false}&lt;\/item&gt;             &lt;!-- &lt;item name=&quot;editor&quot; xsi:type=&quot;string&quot;&gt;{text|date|select}&lt;\/item&gt; --&gt;             &lt;item name=&quot;editor&quot; xsi:type=&quot;array&quot;&gt;                 &lt;item name=&quot;editorType&quot; xsi:type=&quot;string&quot;&gt;{text|date|select}&lt;\/item&gt;                 &lt;item name=&quot;options&quot; xsi:type=&quot;array&quot;&gt;                     &lt;item name=&quot;showsTime&quot; xsi:type=&quot;boolean&quot;&gt;{true|false}&lt;\/item&gt;                 &lt;\/item&gt;                 &lt;item name=&quot;validation&quot; xsi:type=&quot;string&quot;&gt;{validation_rule}&lt;\/item&gt;                 &lt;!--                  &lt;item name=&quot;validation&quot; xsi:type=&quot;array&quot;&gt;                     &lt;item name=&quot;validate-xml-identifier&quot; xsi:type=&quot;boolean&quot;&gt;true&lt;\/item&gt;                     &lt;item name=&quot;required-entry&quot; xsi:type=&quot;boolean&quot;&gt;true&lt;\/item&gt;                 &lt;\/item&gt;                  --&gt;             &lt;\/item&gt;             &lt;item name=&quot;timezone&quot; xsi:type=&quot;boolean&quot;&gt;{true|false}&lt;\/item&gt;             &lt;item name=&quot;dataType&quot; xsi:type=&quot;string&quot;&gt;{dataType}&lt;\/item&gt;             &lt;item name=&quot;sortOrder&quot; xsi:type=&quot;number&quot;&gt;{position}&lt;\/item&gt;             &lt;item name=&quot;options&quot; xsi:type=&quot;array&quot;&gt;                 &lt;item name=&quot;0&quot; xsi:type=&quot;array&quot;&gt;                     &lt;item name=&quot;value&quot; xsi:type=&quot;string&quot;&gt;{value}&lt;\/item&gt;                     &lt;item name=&quot;label&quot; xsi:type=&quot;string&quot;&gt;{option_label}&lt;\/item&gt;                 &lt;\/item&gt;                 &lt;item name=&quot;1&quot; xsi:type=&quot;array&quot;&gt;                     &lt;item name=&quot;value&quot; xsi:type=&quot;string&quot;&gt;{value}&lt;\/item&gt;                     &lt;item name=&quot;label&quot; xsi:type=&quot;string&quot;&gt;{option_label}&lt;\/item&gt;                 &lt;\/item&gt;             &lt;\/item&gt;             &lt;item name=&quot;has_preview&quot; xsi:type=&quot;boolean&quot;&gt;{true|false}&lt;\/item&gt;         &lt;\/item&gt;     &lt;\/argument&gt; &lt;\/column|actionsColumn|selectionsColumn&gt; <\/code><\/pre>\n<p>  <b>&lt;column|actionsColumn|selectionsColumn&gt;<\/b> \u2014 \u0432\u0441\u0435 \u044d\u0442\u0438 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u044b \u0432\u043d\u0443\u0442\u0440\u0438 &lt;columns&gt; \u0442\u0435\u0433\u0430, \u043e\u043d\u0438 \u0438\u043c\u0435\u044e\u0442 \u0441\u0445\u043e\u0436\u0438\u0439 \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441. &lt;column&gt; \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043e\u0431\u044b\u0447\u043d\u043e\u0439 \u043a\u043e\u043b\u043e\u043d\u043a\u0438, &lt;actionsColumn&gt; \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0441\u0442\u043e\u043b\u0431\u0446\u0430 \u00abaction\u00bb \u0438 \u043d\u0430\u043a\u043e\u043d\u0435\u0446 &lt;selectionsColumn&gt; \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0434\u043b\u044f \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u0441 \u0447\u0435\u043a\u0431\u043e\u043a\u0441\u0430\u043c\u0438 \u0434\u043b\u044f \u0432\u044b\u0431\u043e\u0440\u0430 \u0441\u0442\u0440\u043e\u043a. &lt;actionsColumn&gt; \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u0440\u043e\u043f\u0443\u0449\u0435\u043d \u0435\u0441\u043b\u0438 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0442\u043e\u043b\u044c\u043a\u043e \u0438\u043d\u043b\u0430\u0439\u043d \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440. \u0418\u043c\u044f selectionsColumn \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c ids, \u043e\u043d \u043d\u0435 \u0438\u043c\u0435\u0435\u0442 \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u0430 class \u0438 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u0440\u043e\u043f\u0443\u0449\u0435\u043d \u0435\u0441\u043b\u0438 \u0432\u044b \u043d\u0435 \u0445\u043e\u0442\u0438\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u043a\u0441\u043f\u043e\u0440\u0442, \u0438\u043d\u043b\u0430\u0439\u043d \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440, \u043c\u0430\u0441\u0441 \u044d\u043a\u0448\u0435\u043d\u044b \u0438 \u0442.\u0434.<br \/>  <b>&lt;column name=&quot;{unique_name}&quot;&gt;<\/b> \u2014 \u044d\u0442\u043e \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0430\u0442\u0440\u0438\u0431\u0443\u0442. \u042d\u0442\u043e \u0443\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u043e\u0435 \u0438\u043c\u044f \u0441\u0442\u043e\u043b\u0431\u0446\u0430. Magento \u043f\u0435\u0440\u0435\u0437\u0430\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442 \u0441\u0442\u043e\u043b\u0431\u0446\u044b \u043f\u043e \u0438\u043c\u0435\u043d\u0438. \u0418\u043c\u044f \u0441\u0442\u043e\u043b\u0431\u0446\u0430 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043d\u0435 \u0438\u0434\u0435\u043d\u0442\u0438\u0447\u043d\u043e \u0438\u043c\u0435\u043d\u0438 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u0432 \u0411\u0414 (\u043a\u043b\u044e\u0447\u0443 \u0432 \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u0438), \u044d\u0442\u043e \u043b\u0438\u0448\u044c \u0438\u043c\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u0438. \u0415\u0441\u043b\u0438 \u0436\u0435 \u0438\u043c\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u0438\u0434\u0435\u043d\u0442\u0438\u0447\u043d\u043e \u0438\u043c\u0435\u043d\u0438 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u0432 \u0411\u0414, Magento \u0437\u0430\u043c\u0430\u043f\u0438\u0442 \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u0438 \u0432 \u044d\u0442\u043e \u043f\u043e\u043b\u0435 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0438 \u044d\u0442\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0431\u0443\u0434\u0443\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b (\u0432\u0438\u0434\u0438\u043c\u044b) \u0432 \u0433\u0440\u0438\u0434\u0435. \u0412 \u043f\u0440\u043e\u0442\u0438\u0432\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0430\u0442\u0440\u0438\u0431\u0443\u0442 \u00abclass\u00bb, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c\/\u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u0442\u044c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435.<br \/>  <b>&lt;column class=&quot;{class_name}&quot;&gt;<\/b> \u2014 \u044d\u0442\u043e \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u0430\u0442\u0440\u0438\u0431\u0443\u0442. \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u00ab\u043a\u043b\u0430\u0441\u0441\u0430\u00bb \u044d\u0442\u043e \u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\/\u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0430 \u0434\u0430\u043d\u043d\u044b\u0445 \u0438\u0437 \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u0438 \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0432 \u043a\u043e\u043b\u043e\u043d\u043a\u0435\/\u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u043c. \u041a\u043b\u0430\u0441\u0441 \u0438\u043c\u0435\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u0434\u0430\u043d\u043d\u044b\u043c \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u0438 \u0434\u043b\u044f \u044d\u0442\u043e\u0439 \u0441\u0442\u0440\u043e\u043a\u0438 \u0438 \u043c\u043e\u0436\u0435\u0442 \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043b\u044e\u0431\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043a\u0430\u043a \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c\/\u0443\u0434\u0430\u043b\u044f\u0442\u044c \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043a\u043b\u044e\u0447\u0438. \u041a\u043b\u0430\u0441\u0441 Magento\\Ui\\Component\\Listing\\Columns\\Date \u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u0443\u0435\u0442 \u0434\u0430\u0442\u0443 \u0438\u0437 \u0411\u0414, \u043f\u0440\u0438\u0432\u043e\u0434\u0438\u0442 \u0435\u0435 \u043a \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u043c\u0443 \u0444\u043e\u0440\u043c\u0430\u0442\u0443 \u0438 \u0442\u0430\u043a \u0436\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442 \u0441\u0434\u0432\u0438\u0433 \u0434\u043b\u044f \u0442\u0430\u0439\u043c \u0437\u043e\u043d\u044b. \u041a\u043b\u0430\u0441\u0441 Magento\\Catalog\\Ui\\Component\\Listing\\Columns\\Thumbnail \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0435 \u0434\u043b\u044f \u0442\u0430\u043c\u0431\u043d\u0435\u0439\u043b \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430. \u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u0438\u0445 \u043a\u043e\u0434, \u0447\u0442\u043e\u0431\u044b \u043b\u0443\u0447\u0448\u0435 \u043f\u043e\u043d\u044f\u0442\u044c \u043a\u0430\u043a \u043e\u043d\u0438 \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442.<br \/>  <b>&lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;<\/b> \u2014 \u044d\u0442\u043e \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0442\u0435\u0433 \u0435\u0441\u043b\u0438 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u043a\u043b\u0430\u0441\u0441 \u0432\u0430\u0448\u0435\u0433\u043e \u0441\u0442\u043e\u043b\u0431\u0446\u0430 (\u0431\u0443\u0434\u0443\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0432\u0441\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432\u043d\u0443\u0442\u0440\u0438 \u0442\u0435\u0433\u0430) \u0438\u043b\u0438 \u0432 \u0435\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 (\u0431\u0443\u0434\u0443\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0432\u0441\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432\u043d\u0443\u0442\u0440\u0438 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0433\u043e \u00abconfig\u00bb \u0442\u0435\u0433\u0430).<br \/>  <b>&lt;item name=&quot;options&quot; xsi:type=&quot;object&quot;&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442. \u041d\u0430\u0442\u0438\u0432\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0441 dataType \u00abselect\u00bb (\u0441\u043c. \u0434\u0430\u043b\u044c\u0448\u0435) \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043e\u043f\u0446\u0438\u0439 \u0438\u0437 source \u043c\u043e\u0434\u0435\u043b\u044c\u043a\u0438, \u043d\u043e \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u0434\u043b\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u0432\u0430\u0448\u0435\u043c \u043a\u043b\u0430\u0441\u0441\u0435 (\u043e\u043d\u0438 \u0438\u043c\u0435\u044e\u0442 \u043f\u043e\u043b\u043d\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a\u043e \u0432\u0441\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u043c \u0432\u043d\u0443\u0442\u0440\u0438 \u00abdata\u00bb \u0442\u0435\u0433\u0430, \u043d\u043e \u044d\u0442\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u043d\u0435 \u0431\u0443\u0434\u0443\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b \u0432 knockoutjs \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0435). \u0422\u0430\u043a \u0436\u0435 \u0435\u0441\u0442\u044c \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u0441\u043f\u043e\u0441\u043e\u0431\u044b \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u043e\u0436\u0435 \u0441\u0430\u043c\u043e\u0435, \u0441\u043c. \u043d\u0438\u0436\u0435.<br \/>  <b>&lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;<\/b> \u2014 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u0435\u043d \u0435\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0434\u0430\u0442\u044c \u043a\u0430\u043a\u0438\u0435-\u043b\u0438\u0431\u043e \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043a\u043b\u0430\u0441\u0441 \u0438\/\u0438\u043b\u0438 knockoutjs \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u043c\u0435\u0442\u044c \u043f\u043e\u043b\u043d\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u044d\u0442\u0438\u043c \u0434\u0430\u043d\u043d\u044b\u043c \u0432\u043d\u0443\u0442\u0440\u0438 \u0432\u0430\u0448\u0435\u0439 knockoutjs ViewModel. \u041f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e, ViewModel \u043d\u0435 \u0438\u043c\u0435\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043a \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u043c \u0437\u0430 \u043f\u0440\u0435\u0434\u0435\u043b\u0430\u043c\u0438 \u00abconfig\u00bb \u0442\u0435\u0433\u0430.<br \/>  <b>&lt;item name=&quot;component&quot; xsi:type=&quot;string&quot;&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439. \u041f\u0440\u043e\u0449\u0435 \u0433\u043e\u0432\u043e\u0440\u044f, \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0440\u0435\u043d\u0434\u0435\u0440\u044f\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0432 \u043a\u043e\u043b\u043e\u043d\u043a\u0430\u0445. \u041d\u0430 \u043f\u0440\u0438\u043c\u0435\u0440, \u043e\u0434\u0438\u043d \u0438\u0437 \u043d\u0438\u0445 \u043e\u0442\u0432\u0435\u0447\u0430\u0435\u0442 \u0437\u0430 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u00abSep 5, 2016 8:03:07 PM\u00bb \u0432\u043c\u0435\u0441\u0442\u043e 2016-09-05 \u0432 \u043a\u043e\u043b\u043e\u043d\u043a\u0435 \u0434\u0430\u0442\u044b. \u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u2013 \u044d\u0442\u043e Magento_Ui\/js\/grid\/columns\/column, \u043e\u043d \u0436\u0435 \u0434\u0435\u0444\u043e\u043b\u0442\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u043a\u043e\u043b\u043e\u043d\u043e\u043a. ViewModel\u2019\u0438 \u0434\u043b\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 \u043a\u043e\u043b\u043e\u043d\u043e\u043a \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u044b \u0432 Magento_Ui\/js\/grid\/columns\/. \u041d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c\u044b\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f (\u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b) \u0432 \u044d\u0442\u043e\u043c \u0442\u0435\u0433\u0435:<br \/>  Magento_Ui\/js\/grid\/columns\/column \u2013 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043a\u0430\u043a \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0435, \u0442.\u0435. \u043a\u0430\u043a \u0435\u0441\u0442\u044c,<br \/>  Magento_Ui\/js\/grid\/columns\/date \u2013 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0434\u0430\u0442\u044b \u0441\u043e\u0433\u043b\u0430\u0441\u043d\u043e \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u043e\u043c\u0443 \u0444\u043e\u0440\u043c\u0430\u0442\u0443,<br \/>  Magento_Ui\/js\/grid\/columns\/select \u2013 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043a\u0430\u043a \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0435 \u0441\u0435\u043b\u0435\u043a\u0442 \u043e\u043f\u0446\u0438\u0438 \u0441 \u043c\u0430\u043f\u0438\u043d\u0433\u043e\u043c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u0438 \u0438\u0445 \u043b\u0435\u0439\u0431\u043b\u043e\u0432,<br \/>  Magento_Ui\/js\/grid\/columns\/thumbnail \u2013 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u0432 \u043a\u043e\u043b\u043e\u043d\u043a\u0435,<br \/>  \u0412\u044b \u0442\u0430\u043a \u0436\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u0432\u043e\u0438 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b, \u043f\u0440\u043e\u0441\u0442\u043e \u00ab\u043d\u0430\u0441\u043b\u0435\u0434\u0443\u0439\u0442\u0435\u0441\u044c\u00bb \u043e\u0442 Magento_Ui\/js\/grid\/columns\/column.<br \/>  <b>&lt;item name=&quot;bodyTmpl&quot; xsi:type=&quot;string&quot;&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0448\u0430\u0431\u043b\u043e\u043d (\u00abview\u00bb) \u0434\u043b\u044f \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u0441\u0442\u043e\u043b\u0431\u0446\u0435. \u0414\u0435\u0444\u043e\u043b\u0442\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 ui\/grid\/cells\/text. \u0415\u0441\u043b\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u043d\u0435 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0442\u0440\u0430\u043d\u0441\u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u044b \u0432 \u0442\u0435\u043a\u0441\u0442 \u0438 \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u0431\u043e\u043b\u044c\u0448\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 \u0434\u043b\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f html \u0432\u043d\u0443\u0442\u0440\u0438, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0448\u0430\u0431\u043b\u043e\u043d ui\/grid\/cells\/html (\u043e\u043d \u043e\u0431\u044b\u0447\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0432 Store Id \u043a\u043e\u043b\u043e\u043d\u043a\u0430\u0445) \u0438\u043b\u0438 \u043b\u044e\u0431\u043e\u0439 \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u0438\u0437 ui\/grid\/cells (\u0438\u043b\u0438 \u0432\u0430\u0448\u0435\u0433\u043e \u044d\u043a\u0441\u0442\u0435\u043d\u0448\u0435\u043d\u0430).<br \/>  <b>&lt;item name=&quot;add_field&quot; xsi:type=&quot;boolean&quot;&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439. \u0412\u044b \u043c\u043e\u0433\u043b\u0438 \u0432\u0438\u0434\u0435\u0442\u044c \u044d\u0442\u043e\u0442 \u0442\u0435\u0433 \u0432 \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0445 ui_*.xml \u0444\u0430\u0439\u043b\u0430\u0445, \u043e\u043d \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0432 DataProvider\/collection \u043a\u043b\u0430\u0441\u0441\u0430\u0445 \u0438 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u0435\u043d \u0434\u043b\u044f eav\/\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u0438\u0437 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u044b\u0445 \u0442\u0430\u0431\u043b\u0438\u0446 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0430\u043a \u043a\u0430\u043a \u0442\u0430\u043a\u0438\u0435 \u0441\u0442\u043e\u043b\u0431\u0446\u044b \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u043d\u0435 \u043d\u0430\u0439\u0434\u0435\u043d\u044b \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u0442\u0430\u0431\u043b\u0438\u0446\u0435 \u0431\u0435\u0437 \u044d\u0442\u043e\u0433\u043e \u0432\u044b\u0437\u043e\u0432\u0430.<br \/>  <b>&lt;item name=&quot;sortable&quot; xsi:type=&quot;boolean&quot;&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439. \u0414\u0435\u0444\u043e\u043b\u0442\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u00abtrue\u00bb. \u041e\u043d \u043e\u0442\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0441\u043f\u043e\u0441\u043e\u0431\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0442\u044c \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0443 \u043f\u043e \u043a\u043b\u0438\u043a\u0443 \u043d\u0430 \u0441\u0442\u043e\u043b\u0431\u0446\u0435.<br \/>  <b>&lt;item name=&quot;filter&quot; xsi:type=&quot;string&quot;&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439. \u042d\u0442\u043e\u0442 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u0444\u0438\u043b\u044c\u0442\u0440 \u043a \u043a\u043e\u043b\u043e\u043d\u043a\u0435. \u041e\u043d \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f: textRange, dateRange, select, text. \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442 \u043d\u0438\u0436\u0435. (ID \u2013 textRange, Created \u2013 dateRange, Store View \u2013 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439 \u0444\u0438\u043b\u044c\u0442\u0440, Name \u2013 text, Status \u2013 select).<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/91a\/ec9\/24a\/91aec924a33f4de4aae52ef41571d258.png\"\/><br \/>  \u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0430\u0434\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439 \u0444\u0438\u043b\u044c\u0442\u0440 \u0434\u043b\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u0438 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 \u0441\u0435\u043b\u0435\u043a\u0442 \u0441 \u0433\u0440\u0443\u043f\u043f\u0430\u043c\u0438, \u043e\u0441\u043d\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043d\u0430 \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u043e\u0439 \u043c\u043e\u0434\u0435\u043b\u044c\u043a\u0435, \u0432\u0440\u043e\u0434\u0435 \u0441\u043f\u0438\u0441\u043a\u0430 Website\/StoreView) \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u0442\u044c \u0444\u0438\u043b\u044c\u0442\u0440 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u0432 \u0441\u043f\u0438\u0441\u043a\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u0438 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0444\u0438\u043b\u044c\u0442\u0440\u0430 \u0432 &lt;filters name=&quot;listing_filters&quot;&gt;.<br \/>  <b>&lt;item name=&quot;sorting&quot; xsi:type=&quot;string&quot;&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043d\u0430\u043b\u044c\u043d\u044b\u0439, \u043e\u043d \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442 \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0443 \u043a\u043e \u0432\u0441\u0435\u043c\u0443 \u0433\u0440\u0438\u0434\u0443 \u043f\u043e \u044d\u0442\u043e\u043c\u0443 \u043f\u043e\u043b\u044e. \u0414\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u043e\u043f\u0446\u0438\u0438: asc, desc. \u0422\u043e\u043b\u044c\u043a\u043e \u043a 1 \u043f\u043e\u043b\u044e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0430 \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0430 \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e.<br \/>  <b>&lt;item name=&quot;label&quot; xsi:type=&quot;string&quot;&gt;<\/b> \u2014 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435. \u0412\u043a\u0440\u0430\u0442\u0446\u0435, \u044d\u0442\u043e \u0438\u043c\u044f \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043b\u043e\u043d\u043a\u0438, \u043e\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c\u0441\u044f \u0432 \u0445\u0435\u0434\u0435\u0440\u0435 \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043b\u043e\u043d\u043a\u0438. \u041f\u043e \u0444\u0430\u043a\u0442\u0443, \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u0442\u0435\u043a\u0441\u0442 \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u00abui\/grid\/columns\/text\u00bb \u0448\u0430\u0431\u043b\u043e\u043d, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u043a\u0430\u0437\u0430\u043d \u0432 \u00abheaderTmpl\u00bb \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0435. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0435\u0433\u043e, \u0435\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0430\u0434\u043e.<br \/>  <b>&lt;item name=&quot;visible&quot; xsi:type=&quot;boolean&quot;&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439. \u0414\u0435\u0444\u043e\u043b\u0442\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u00abtrue\u00bb. \u042d\u0442\u043e\u0442 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u043a\u0440\u044b\u0442\u044c \u043a\u043e\u043b\u043e\u043d\u043a\u0443 \u0438\u0437 \u0433\u0440\u0438\u0434\u0430, \u043d\u043e \u043e\u043d\u0430 \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u0432 \u0441\u043f\u0438\u0441\u043a\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0445 \u043a\u043e\u043b\u043e\u043d\u043e\u043a, \u0435\u0435 \u043c\u043e\u0436\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u043e\u0442\u0442\u0443\u0434\u0430.<br \/>  <b>&lt;item name=&quot;draggable&quot; xsi:type=&quot;boolean&quot;&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439. \u0414\u0435\u0444\u043e\u043b\u0442\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u00abtrue\u00bb. \u0414\u0435\u043b\u0430\u0435\u0442 \u0441\u0442\u043e\u043b\u0431\u0435\u0446 \u0441\u0442\u0430\u0442\u0438\u0447\u043d\u044b\u043c\/\u043d\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0435\u043c\u044b\u043c.<br \/>  <b>&lt;item name=&quot;editor&quot; xsi:type=&quot;{string|array}&quot;&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439. \u041f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0438\u043d\u043b\u0430\u0439\u043d \u0435\u0434\u0438\u0442\u043e\u0440 \u0434\u043b\u044f \u043a\u043e\u043b\u043e\u043d\u043a\u0438. \u0415\u0441\u043b\u0438 \u0442\u0435\u0433 \u043f\u0440\u043e\u043f\u0443\u0449\u0435\u043d \u0442\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0432 \u044d\u0442\u043e\u043c \u0441\u0442\u043e\u043b\u0431\u0446\u0435 \u043d\u0435\u043b\u044c\u0437\u044f \u0431\u0443\u0434\u0435\u0442 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043f\u0440\u0438 \u0432\u044b\u0437\u043e\u0432\u0435 \u0438\u043d\u043b\u0430\u0439\u043d \u0435\u0434\u0438\u0442\u043e\u0440\u0430 \u043f\u043e \u043a\u043b\u0438\u043a\u0443 \u043d\u0430 \u0441\u0442\u0440\u043e\u043a\u0435 \u0438\u043b\u0438 \u0447\u0435\u0440\u0435\u0437 \u043c\u0430\u0441\u0441 \u044d\u043a\u0448\u0435\u043d \u043c\u0435\u043d\u044e. \u0415\u0441\u0442\u044c 2 \u0441\u043f\u043e\u0441\u043e\u0431\u0430 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u044d\u0442\u043e\u0433\u043e \u0442\u0435\u0433\u0430. \u041e\u043d \u043c\u043e\u0436\u0435\u0442 \u0438\u043c\u0435\u0442\u044c \u0442\u0438\u043f \u00abstring\u00bb \u0438\u043b\u0438 \u0442\u0438\u043f \u00abarray\u00bb. \u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0430\u0434\u043e \u0432\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u0435\u0434\u0438\u0442\u043e\u0440 \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u043b\u044f \u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u00abstring\u00bb \u0438 \u0443\u043a\u0430\u0436\u0438\u0442\u0435 \u0442\u0438\u043f (\u0440\u0435\u0436\u0438\u043c) \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u043b\u044f, \u043d\u043e \u0435\u0441\u043b\u0438 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u0441\u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0435\u0434\u0438\u0442\u043e\u0440 \u0431\u043e\u043b\u0435\u0435 \u0442\u043e\u0447\u043d\u043e \u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0442\u0438\u043f \u00abarray\u00bb. \u0412\u0441\u0435\u0433\u043e \u0435\u0441\u0442\u044c 3 \u0440\u0435\u0436\u0438\u043c\u0430: text, date, select. \u0412\u044b \u0434\u043e\u043b\u0436\u043d\u044b \u0432\u044b\u0431\u0440\u0430\u0442\u044c 1 \u0438\u0437 \u043d\u0438\u0445.<br \/>  \u0421\u043f\u0438\u0441\u043e\u043a \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u0434\u043b\u044f \u0435\u0434\u0438\u0442\u043e\u0440\u0430:   <\/p>\n<ul>\n<li><b>&lt;item name=&quot;editorType&quot; xsi:type=&quot;string&quot;&gt;<\/b> \u2014 \u0442\u0438\u043f \u0435\u0434\u0438\u0442\u043e\u0440\u0430. \u0412\u043e\u0437\u043c\u043e\u0436\u043d\u044b \u0442\u0430\u043a\u0438\u0435 \u0436\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043a\u0430\u043a \u0438 \u0432 \u00abstring\u00bb \u0432\u0435\u0440\u0441\u0438\u0438: text, date, select.<\/li>\n<li><b>&lt;item name=&quot;showsTime&quot; xsi:type=&quot;boolean&quot;&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e \u0441 \u00abdate\u00bb \u0442\u0438\u043f\u043e\u043c. \u041f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u0430\u0442\u0443, \u043d\u043e \u0438 \u0432\u0440\u0435\u043c\u044f. \u0414\u0435\u0444\u043e\u043b\u0442\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u00abfalse\u00bb.<\/li>\n<li><b>&lt;item name=&quot;validation&quot; xsi:type=&quot;{string|array}&quot;&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439. \u041c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043b\u0438\u0431\u043e \u00abstring\u00bb \u043b\u0438\u0431\u043e \u00abarray\u00bb. \u041f\u0440\u0438\u043c\u0435\u0440\u044f\u0435\u0442 \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044e \u043a \u043f\u043e\u043b\u044e \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f. \u0412\u0441\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u044b\u0435 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0439 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432 vendor\\magento\\magento2-base\\lib\\web\\mage\\validation.js. \u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0430\u0434\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u0447\u0435\u043c 1 \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044e \u0442\u043e \u0432\u0430\u043c \u043d\u0430\u0434\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0442\u0438\u043f \u00abarray\u00bb \u0438 \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u0430 \u0432\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u0438 \u0432 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u043c \u0444\u043e\u0440\u043c\u0430\u0442\u0435:<\/li>\n<li>\n<ul>\n<li>&lt;item name=&quot;{validation_rule}&quot; xsi:type=&quot;boolean&quot;&gt;true&lt;\/item&gt;<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>  <b>&lt;item name=&quot;timezone&quot; xsi:type=&quot;boolean&quot;&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439. \u0414\u0435\u0444\u043e\u043b\u0442\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u00abtrue\u00bb. \u042d\u0442\u0430 \u043e\u043f\u0446\u0438\u044f \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u043c\u0430 \u0442\u043e\u043b\u044c\u043a\u043e \u043a \u043a\u043e\u043b\u043e\u043d\u043a\u0430\u043c \u0442\u0438\u043f\u0430 \u00abdate\u00bb. \u041e\u043d\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0432 Magento\\Ui\\Component\\Listing\\Columns\\Date \u043a\u043b\u0430\u0441\u0441\u0435. \u041f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u0430\u0439\u043c \u0437\u043e\u043d\u0443 \u0435\u0441\u043b\u0438 \u0432 \u0411\u0414 \u0438 \u0432 \u0430\u0434\u043c\u0438\u043d \u043f\u0430\u043d\u0435\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u0440\u0430\u0437\u043d\u044b\u0435 \u0442\u0430\u0439\u043c \u0437\u043e\u043d\u044b.<br \/>  <b>&lt;item name=&quot;dataType&quot; xsi:type=&quot;string&quot;&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439. \u0412 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0439 \u0436\u0438\u0437\u043d\u0438, \u043f\u043e\u043b\u0435\u0437\u0435\u043d \u0442\u043e\u043b\u044c\u043a\u043e \u0441\u043e \u0441\u0442\u043e\u043b\u0431\u0446\u0430\u043c\u0438 \u0442\u0438\u043f\u0430 \u00abselect\u00bb. \u0414\u0435\u0444\u043e\u043b\u0442\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u00abtext\u00bb. \u0414\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043b\u044e\u0431\u044b\u0435 \u0441\u0443\u0449\u043d\u043e\u0441\u0442\u0438(\u0442\u0435\u0433\u0438) \u0438\u0437 \/vendor\/magento\/module-ui\/view\/base\/ui_component\/etc\/definition.xml. \u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 dataType? \u041f\u0440\u043e\u0449\u0435 \u0433\u043e\u0432\u043e\u0440\u044f, \u044d\u0442\u043e \u0434\u0435\u0444\u043e\u043b\u0442\u043d\u043e\u0435 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435 \u0432\u0430\u0448\u0438\u0445 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432. \u041a\u043e\u0433\u0434\u0430 Magento \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u043a\u043e\u043d\u0444\u0438\u0433 \u0432\u0430\u0448\u0435\u0433\u043e \u0441\u0442\u043e\u043b\u0431\u0446\u0430, \u043e\u043d\u0430 \u0447\u0438\u0442\u0430\u0435\u0442 dataType \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440, \u0437\u0430\u0433\u0440\u0443\u0436\u0430\u0435\u0442 \u0435\u0433\u043e \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0438\u0437 definition.xml, \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442 \u043e\u0431\u044a\u0435\u043a\u0442 \u043a\u043b\u0430\u0441\u0441\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0443\u043a\u0430\u0437\u0430\u043d \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e dataType (\u00abclass\u00bb \u0430\u0442\u0442\u0440\u0438\u0431\u0443\u0442). \u042d\u0442\u043e\u0442 \u043e\u0431\u044a\u0435\u043a\u0442 \u0438\u043c\u0435\u0435\u0442 \u043f\u043e\u043b\u043d\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430\u043c, \u043f\u0435\u0440\u0435\u0434\u0430\u043d\u043d\u044b\u043c \u0432 \u00abdata\u00bb \u0442\u0435\u0433 \u0438 \u043c\u043e\u0436\u0435\u0442 \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0438\u0445. \u041f\u043e\u0441\u043b\u0435 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u044d\u0442\u0438\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 Magento \u043c\u0435\u0440\u0434\u0436\u0438\u0442 \u043a\u043e\u043d\u0444\u0438\u0433 \u0438\u0437 definition.xml, \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u044b\u043c \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u043c \u0441 \u0432\u0430\u0448\u0438\u043c \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u0438 \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u0442 \u044d\u0442\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434, \u0433\u0434\u0435 knockoutjs \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0439 \u043a\u043e\u043d\u0444\u0438\u0433. \u041e\u0442\u043d\u043e\u0441\u0438\u0442\u0435\u043b\u044c\u043d\u043e \u0433\u0440\u0438\u0434\u0430, \u0435\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043f\u043e\u043b\u0435\u0437\u043d\u044b\u0439 dataType \u044d\u0442\u043e \u00abselect\u00bb \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043a\u043b\u0430\u0441\u0441\u0443 Magento\\Ui\\Component\\Form\\Element\\Select, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u0432\u044f\u0437\u0430\u043d \u0441 \u043d\u0438\u043c. \u042d\u0442\u043e\u0442 \u043a\u043b\u0430\u0441\u0441 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u0442\u0435\u0433 \u00aboptions\u00bb \u0438 \u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u0443\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0435 \u0438\u0437 \u0443\u043a\u0430\u0437\u0430\u043d\u043d\u043e\u0439 source model \u0432 \u043f\u043e\u0434\u0445\u043e\u0434\u044f\u0449\u0438\u0439 \u043c\u0430\u0441\u0441\u0438\u0432 \u043e\u043f\u0446\u0438\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u0432 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u043c \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u044b Magento_Ui\/js\/grid\/columns\/select (\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 select \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442).<br \/>  <b>&lt;item name=&quot;sortOrder&quot; xsi:type=&quot;number&quot;&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439. \u0415\u0441\u043b\u0438 sortOrder \u043f\u0440\u043e\u043f\u0443\u0449\u0435\u043d, Magento \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0441\u0442\u043e\u043b\u0431\u0446\u044b \u0432 \u043f\u043e\u0440\u044f\u0434\u043a\u0435 \u0438\u0445 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u044f \u0432 ui_component \u0444\u0430\u0439\u043b\u0435. \u0415\u0441\u043b\u0438 \u0436\u0435 \u044d\u0442\u043e\u0442 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u043f\u0440\u0438\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u0435\u0442, \u0442\u043e Magento \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0441\u043e\u0433\u043b\u0430\u0441\u043d\u043e sortOrder \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0443, \u043d\u043e \u0432 \u044d\u043a\u0441\u043f\u043e\u0440\u0442 \u0444\u0430\u0439\u043b\u0435 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u043a\u043e\u043b\u043e\u043d\u043e\u043a \u0431\u0443\u0434\u0435\u0442 \u0438\u0434\u0435\u043d\u0442\u0438\u0447\u0435\u043d \u043f\u043e\u0440\u044f\u0434\u043a\u0443 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0432 ui_component \u0444\u0430\u0439\u043b\u0435! \u0418\u043c\u0435\u0439\u0442\u0435 \u0432 \u0432\u0438\u0434\u0443, \u0447\u0442\u043e \u043f\u043e\u0441\u043b\u0435 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0440\u0430\u0437\u0430, \u043a\u0430\u043a \u0430\u0434\u043c\u0438\u043d \u043e\u0442\u043a\u0440\u043e\u0435\u0442 \u0432\u0430\u0448\u0443 \u0433\u0440\u0438\u0434 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u0431\u0443\u0434\u0435\u0442 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d \u0432 \u0411\u0414 \u0438 \u043b\u044e\u0431\u044b\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f sortOrder \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430 \u043d\u0435 \u0431\u0443\u0434\u0443\u0442 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u044b. \u0411\u043e\u043b\u0435\u0435 \u0442\u043e\u0433\u043e, \u043d\u043e\u0432\u044b\u0435 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u0432\u0441\u0435\u0433\u0434\u0430 \u0431\u0443\u0434\u0443\u0442 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u044b \u0432 \u0441\u0430\u043c\u044b\u0439 \u043a\u043e\u043d\u0435\u0446. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e\u0431 \u044d\u0442\u043e\u043c \u0432\u044b \u043d\u0430\u0439\u0434\u0435\u0442\u0435 \u043d\u0438\u0436\u0435.<br \/>  <b>&lt;item name=&quot;options&quot; xsi:type=&quot;array&quot;&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u0438 \u044f\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u0442\u0438\u043f\u0430 \u00abselect\u00bb. \u041c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d \u0441 \u00abselect\u00bb \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u043c. \u0420\u0430\u043d\u0435\u0435 \u0431\u044b\u043b\u043e \u0441\u043a\u0430\u0437\u0430\u043d\u043e, \u0447\u0442\u043e \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043b\u0435\u0439\u0431\u043b\u043e\u0432 \u0432\u043c\u0435\u0441\u0442\u043e \u043a\u043b\u044e\u0447\u0435\u0439 \u0438\u0437 \u0411\u0414 \u0432\u0430\u043c \u043d\u0430\u0434\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u00aboption\u00bb \u0442\u0435\u0433 \u0441 \u0441\u043e\u0440\u0441 \u043c\u043e\u0434\u0435\u043b\u044c\u043a\u043e\u0439 \u0438 \u0443\u043a\u0430\u0437\u0430\u0442\u044c dataType=\u00abselect\u00bb. \u0414\u0440\u0443\u0433\u043e\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u0442\u0430\u043a \u0436\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442. \u00abselect\u00bb \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0443 \u043d\u0443\u0436\u0435\u043d \u043c\u0430\u0441\u0441\u0438\u0432 \u043e\u043f\u0446\u0438\u0439 \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043e\u0442\u043e\u0431\u0440\u0430\u0437\u0438\u0442\u044c \u043b\u0435\u0439\u0431\u043b\u044b \u0432\u043c\u0435\u0441\u0442\u043e id. \u0415\u0441\u043b\u0438 \u0432 \u0441\u043b\u0443\u0447\u0430\u0435 \u0441 \u0441\u043e\u0440\u0441 \u043c\u043e\u0434\u0435\u043b\u044c\u043a\u043e\u0439 dataType \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u043f\u043e\u0434\u0433\u043e\u0442\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0442\u0430\u043a \u0441\u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0439 \u043c\u0430\u0441\u0441\u0438\u0432 \u043e\u043f\u0446\u0438\u0439 \u0432\u0440\u0443\u0447\u043d\u0443\u044e. \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441:  <\/p>\n<pre><code class=\"xml\">&lt;item name=&quot;0&quot; xsi:type=&quot;array&quot;&gt;     &lt;item name=&quot;value&quot; xsi:type=&quot;string&quot;&gt;{value}&lt;\/item&gt;     &lt;item name=&quot;label&quot; xsi:type=&quot;string&quot;&gt;{option_label}&lt;\/item&gt; &lt;\/item&gt; &lt;item name=&quot;1&quot; xsi:type=&quot;array&quot;&gt;     &lt;item name=&quot;value&quot; xsi:type=&quot;string&quot;&gt;{value}&lt;\/item&gt;     &lt;item name=&quot;label&quot; xsi:type=&quot;string&quot;&gt;{option_label}&lt;\/item&gt; &lt;\/item&gt; <\/code><\/pre>\n<p>  \u041a\u0430\u0436\u0434\u044b\u0439 \u0430\u0439\u0442\u0435\u043c \u044d\u0442\u043e \u043e\u043f\u0446\u0438\u044f\/\u043c\u0430\u043f\u043f\u0438\u043d\u0433. \u0412\u043c\u0435\u0441\u0442\u043e {value} \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u043e {option_label}. \u042d\u0442\u043e \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0443\u0434\u043e\u0431\u043d\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431, \u043d\u043e \u0435\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0443\u0436\u0435 \u0435\u0441\u0442\u044c \u0441\u043e\u0440\u0441 \u043c\u043e\u0434\u0435\u043b\u044c\u043a\u0430 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 dataType \u043f\u043e\u0434\u0445\u043e\u0434\u0430 \u0431\u043e\u043b\u0435\u0435 \u043e\u043f\u0440\u0430\u0432\u0434\u0430\u043d\u043e.<br \/>  <b>&lt;item name=&quot;has_preview&quot; xsi:type=&quot;boolean&quot;&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439. \u041f\u0440\u0438\u043c\u0435\u043d\u0438\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u0441 \u00abthumbnail\u00bb \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u043c\/\u0441\u0442\u043e\u043b\u0431\u0446\u0430\u043c\u0438. \u0414\u0435\u0444\u043e\u043b\u0442\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u00abfalse\u00bb. \u0415\u0441\u043b\u0438 \u043e\u043d \u0432\u043a\u043b\u044e\u0447\u0435\u043d \u0442\u043e\u0433\u0434\u0430 \u043f\u043e \u043a\u043b\u0438\u043a\u0443 \u043d\u0430 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0438 \u0432 \u0433\u0440\u0438\u0434\u0435 \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u043c\u043e\u0434\u0430\u043b\u044c\u043d\u043e\u0435 \u043e\u043a\u043d\u043e \u0441 \u0431\u043e\u043b\u044c\u0448\u0438\u043c \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435\u043c \u0438 \u0441\u0441\u044b\u043b\u043a\u043e\u0439 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f.<\/p>\n<p>  \u0414\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0438 \u043a\u0430\u043a\u0438\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0435\u0441\u0442\u044c \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u0438\u0437 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0438\u0445 \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434.<\/p>\n<p>  <a name=\"examples\"><\/a><\/p>\n<h2>Examples<\/h2>\n<p>  <\/p>\n<h4>Minimum required data for creating a column<\/h4>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/fd4\/05e\/599\/fd405e59930e4631bfdf30f28b0e375c.png\"\/>  <\/p>\n<pre><code class=\"xml\">&lt;column name=&quot;data&quot;&gt;     &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;         &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;             &lt;item name=&quot;label&quot; xsi:type=&quot;string&quot; translate=&quot;true&quot;&gt;Data&lt;\/item&gt;         &lt;\/item&gt;     &lt;\/argument&gt; &lt;\/column&gt; <\/code><\/pre>\n<p>  \u042d\u0442\u043e\u0442 \u0441\u0442\u043e\u043b\u0431\u0435\u0446 \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0434\u0430\u043d\u043d\u044b\u0435 \u0441 \u0438\u043c\u0435\u043d\u0435\u043c \u00abdata\u00bb \u0438\u0437 \u0411\u0414 \u043a\u0430\u043a \u0435\u0441\u0442\u044c. \u041e\u043d \u043d\u0435 \u0438\u043c\u0435\u0435\u0442 \u0444\u0438\u043b\u044c\u0442\u0440\u0430 \u0438\u043b\u0438 \u0438\u043d\u043b\u0430\u0439\u043d \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0430. <\/p>\n<h4>Selections column<\/h4>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/08b\/a68\/dd2\/08ba68dd29bb431ba5ac3208842c7dc6.png\"\/><br \/>  \u042d\u0442\u043e \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u043e \u0432\u0430\u0436\u043d\u044b\u0439 \u0441\u0442\u043e\u043b\u0431\u0435\u0446. \u041e\u043d \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u00abselect all\u00bb, \u00abselect all on this page\u00bb, \u00abdeselect all\u00bb, \u00abdeselect all on this page\u00bb, \u0447\u0435\u043a\u0431\u043e\u043a\u0441\u044b, \u043d\u043e \u0438 \u043c\u0430\u043f\u043f\u0438\u043d\u0433 \u0441\u0442\u0440\u043e\u043a \u0438 \u0438\u0445 id. \u041f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u0441\u0435\u0433\u0434\u0430 \u043e\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u043f\u0435\u0440\u0432\u044b\u043c.  <\/p>\n<pre><code class=\"xml\">&lt;selectionsColumn name=&quot;ids&quot;&gt;     &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;         &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;             &lt;item name=&quot;indexField&quot; xsi:type=&quot;string&quot;&gt;entity_id&lt;\/item&gt;         &lt;\/item&gt;     &lt;\/argument&gt; &lt;\/selectionsColumn&gt; <\/code><\/pre>\n<p>  <b>&lt;selectionsColumn name=&quot;ids&quot;&gt;<\/b> \u0438\u043c\u044f \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u00abids\u00bb.<br \/>  <b>&lt;item name=&quot;indexField&quot; xsi:type=&quot;string&quot;&gt;<\/b> \u0438\u043c\u044f primary key \u0432 \u0411\u0414.<\/p>\n<h4>Text column<\/h4>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/4af\/04b\/03a\/4af04b03a4eb442b861dbb3e37e76340.png\"\/>  <\/p>\n<pre><code class=\"xml\">&lt;column name=&quot;name&quot;&gt;     &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;         &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;             &lt;item name=&quot;editor&quot; xsi:type=&quot;string&quot;&gt;text&lt;\/item&gt;             &lt;item name=&quot;filter&quot; xsi:type=&quot;string&quot;&gt;text&lt;\/item&gt;             &lt;item name=&quot;label&quot; xsi:type=&quot;string&quot; translate=&quot;true&quot;&gt;Name&lt;\/item&gt;         &lt;\/item&gt;     &lt;\/argument&gt; &lt;\/column&gt; <\/code><\/pre>\n<p>  \u042d\u0442\u043e\u0442 \u0441\u0442\u043e\u043b\u0431\u0435\u0446 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043a\u0430\u043a \u0435\u0441\u0442\u044c \u0438\u0437 \u0411\u0414, \u043d\u043e \u0442\u0430\u043a \u0436\u0435 \u043e\u0431\u043b\u0430\u0434\u0430\u0435\u0442 \u043f\u0440\u043e\u0441\u0442\u044b\u043c \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u043c \u0444\u0438\u043b\u044c\u0442\u0440\u043e\u043c \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0438\u043d\u043b\u0430\u0439\u043d \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440.<\/p>\n<h4>Date column<\/h4>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/97d\/763\/af3\/97d763af307e48ddae9c690fb0ad13b3.png\"\/><br \/>  \u0415\u0441\u0442\u044c 2 \u0440\u0435\u0436\u0438\u043c\u0430 \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0438 \u0438\u043d\u043b\u0430\u0439\u043d \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0430. Date \u0438 datetime.<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/8c7\/a0d\/79a\/8c7a0d79a5ee4765a5c2711b49b94b49.png\"\/><br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/f75\/55f\/32c\/f7555f32c7434429b4a23fa1100daa75.PNG\"\/>  <\/p>\n<pre><code class=\"xml\">&lt;column name=&quot;date&quot; class=&quot;Magento\\Ui\\Component\\Listing\\Columns\\Date&quot;&gt;     &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;         &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;             &lt;!-- &lt;item name=&quot;editor&quot; xsi:type=&quot;string&quot;&gt;date&lt;\/item&gt; --&gt;             &lt;item name=&quot;editor&quot; xsi:type=&quot;array&quot;&gt;                 &lt;item name=&quot;editorType&quot; xsi:type=&quot;string&quot;&gt;date&lt;\/item&gt;                 &lt;item name=&quot;options&quot; xsi:type=&quot;array&quot;&gt;                     &lt;item name=&quot;showsTime&quot; xsi:type=&quot;boolean&quot;&gt;true&lt;\/item&gt;                 &lt;\/item&gt;             &lt;\/item&gt;             &lt;item name=&quot;timezone&quot; xsi:type=&quot;boolean&quot;&gt;false&lt;\/item&gt;             &lt;item name=&quot;filter&quot; xsi:type=&quot;string&quot;&gt;dateRange&lt;\/item&gt;             &lt;item name=&quot;component&quot; xsi:type=&quot;string&quot;&gt;Magento_Ui\/js\/grid\/columns\/date&lt;\/item&gt;             &lt;item name=&quot;label&quot; xsi:type=&quot;string&quot; translate=&quot;true&quot;&gt;Created&lt;\/item&gt;             &lt;item name=&quot;dateFormat&quot; xsi:type=&quot;string&quot;&gt;MMM d&lt;\/item&gt;         &lt;\/item&gt;     &lt;\/argument&gt; &lt;\/column&gt; <\/code><\/pre>\n<p>  \u041a\u043b\u0430\u0441\u0441 Magento\\Ui\\Component\\Listing\\Columns\\Date \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0441\u043a\u043e\u0440\u0440\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0442\u0430\u0439\u043c \u0437\u043e\u043d\u0443 \u0434\u043b\u044f \u0434\u0430\u043d\u043d\u044b\u0445 \u0438\u0437 \u0411\u0414 \u043a \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0439 \u043b\u043e\u043a\u0430\u043b\u0438.<br \/>  \u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 Magento_Ui\/js\/grid\/columns\/date \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0434\u0430\u0442.<br \/>  <b>&lt;item name=&quot;editor&quot; xsi:type=&quot;array&quot;&gt;<\/b> \u0443\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442 \u0438\u043d\u043b\u0430\u0439\u043d \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u0434\u043b\u044f \u043f\u043e\u043b\u044f. <br \/>  <b>&lt;item name=&quot;showsTime&quot; xsi:type=&quot;boolean&quot;&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439. \u0423\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u0442 \u0440\u0435\u0436\u0438\u043c. \u0414\u0435\u0444\u043e\u043b\u0442\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u00abfalse\u00bb. \u0415\u0441\u043b\u0438 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u0437\u0430\u0441\u0442\u0430\u0432\u0438\u0442\u044c Magento \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0441\u0435\u043b\u0435\u043a\u0442\u043e\u0440 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0442\u043e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0432 \u00abtrue\u00bb. \u0415\u0441\u043b\u0438 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u0443\u044e \u0434\u0430\u0442\u0443 \u0432 \u0438\u043d\u043b\u0430\u0439\u043d \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435 \u0432\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c showTime = true, \u0432 \u043f\u0440\u043e\u0442\u0438\u0432\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0434\u0430\u0442\u0430 \u0431\u0443\u0434\u0435\u0442 \u0441\u0431\u0440\u0430\u0441\u044b\u0432\u0430\u0442\u044c\u0441\u044f \u043d\u0430 \u0441\u0435\u0433\u043e\u0434\u043d\u044f\u0448\u043d\u0438\u0439 \u0434\u0435\u043d\u044c \u043f\u0440\u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0435 \u0438\u043d\u043b\u0430\u0439\u043d \u0435\u0434\u0438\u0442\u043e\u0440\u0430 \u2013 \u044d\u0442\u043e \u0431\u0430\u0433 Magento 2.<br \/>  <b>&lt;item name=&quot;timezone&quot; xsi:type=&quot;boolean&quot;&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440. \u0414\u0435\u0444\u043e\u043b\u0442\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u00abtrue\u00bb. \u0415\u0441\u043b\u0438 \u0432\u0430\u043c \u043d\u0430\u0434\u043e \u043e\u0442\u043a\u043b\u044e\u0447\u0438\u0442\u044c \u043a\u043e\u0440\u0440\u0435\u043a\u0446\u0438\u044e \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u0443\u043a\u0430\u0436\u0438\u0442\u0435 \u044d\u0442\u043e\u0442 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u0438 \u043f\u0435\u0440\u0435\u0434\u0430\u0439\u0442\u0435 \u00abfalse\u00bb, \u0432 \u043f\u0440\u043e\u0442\u0438\u0432\u043d\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u043e\u043d\u0430 \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u0430. \u0423\u0447\u0442\u0438\u0442\u0435, \u0447\u0442\u043e \u0432\u0440\u0435\u043c\u044f \u0432 \u0438\u043d\u043b\u0430\u0439\u043d \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0435 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c\u0441\u044f \u0441 \u0443\u0447\u0435\u0442\u043e\u043c \u0442\u0430\u0439\u043c \u0437\u043e\u043d\u044b (\u0435\u0441\u043b\u0438 \u043d\u0435 \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u043e) \u0438 \u043a\u043e\u0433\u0434\u0430 \u0432\u044b \u043d\u0430\u0436\u043c\u0435\u0442\u0435 \u043d\u0430 \u00absave\u00bb \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u0441\u044f \u0438\u043c\u0435\u043d\u043d\u043e \u044d\u0442\u043e \u0432\u0440\u0435\u043c\u044f.<br \/>  <b>&lt;item name=&quot;filter&quot; xsi:type=&quot;string&quot;&gt;dateRange&lt;\/item&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439. \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u0444\u0438\u043b\u044c\u0442\u0440 \u0432 \u0441\u043f\u0438\u0441\u043e\u043a \u0444\u0438\u043b\u044c\u0442\u0440\u043e\u0432. \u0418\u043c\u0435\u0439\u0442\u0435 \u0432 \u0432\u0438\u0434\u0443, \u043e\u043d \u043d\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043a \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0430, \u0434\u0435\u0444\u043e\u043b\u0442\u043d\u044b\u0439 \u0444\u0438\u043b\u044c\u0442\u0440 \u0434\u043b\u044f DataRange \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0434\u0430\u0442\u044b.<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/f91\/9ed\/615\/f919ed6151b445d7b004bb4d5dca907e.png\"\/><br \/>  <b>&lt;item name=&quot;dateFormat&quot; xsi:type=&quot;string&quot;&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439. \u041f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u0443\u043a\u0430\u0437\u0430\u0442\u044c \u0444\u043e\u0440\u043c\u0430\u0442 \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0434\u0430\u0442\u044b \u0432 \u0441\u0442\u043e\u043b\u0431\u0446\u0435. \u0414\u0435\u0444\u043e\u043b\u0442\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u00abMMM d, YYYY h:mm:ss A\u00bb, \u0447\u0442\u043e \u044d\u043a\u0432\u0438\u0432\u0430\u043b\u0435\u043d\u0442\u043d\u043e \u00abSep 5, 2016 9:00:00 AM\u00bb.<\/p>\n<h4>Select column<\/h4>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/caa\/a20\/e82\/caaa20e82c1142e495af449b509af4a1.png\"\/><br \/>  \u041d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0435\u043d\u043d\u044b\u0439 \u0441\u0442\u043e\u043b\u0431\u0435\u0446 \u0442\u0438\u043f\u0430 \u00abselect\u00bb \u044d\u0442\u043e Status. \u041e\u0431\u044b\u0447\u043d\u043e \u043e\u043d \u0438\u043c\u0435\u0435\u0442 \u0432\u0441\u0435\u0433\u043e 2 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f Enabled \u0438 Disabled.   <\/p>\n<pre><code class=\"xml\">&lt;column name=&quot;is_active&quot;&gt;     &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;         &lt;item name=&quot;options&quot; xsi:type=&quot;object&quot;&gt;Magento\\Cms\\Model\\Block\\Source\\IsActive&lt;\/item&gt;         &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;             &lt;item name=&quot;dataType&quot; xsi:type=&quot;string&quot;&gt;select&lt;\/item&gt;             &lt;item name=&quot;component&quot; xsi:type=&quot;string&quot;&gt;Magento_Ui\/js\/grid\/columns\/select&lt;\/item&gt;             &lt;item name=&quot;editor&quot; xsi:type=&quot;string&quot;&gt;select&lt;\/item&gt;             &lt;item name=&quot;filter&quot; xsi:type=&quot;string&quot;&gt;select&lt;\/item&gt;             &lt;item name=&quot;label&quot; xsi:type=&quot;string&quot; translate=&quot;true&quot;&gt;Status&lt;\/item&gt;         &lt;\/item&gt;     &lt;\/argument&gt; &lt;\/column&gt; <\/code><\/pre>\n<p>  <b>&lt;item name=&quot;options&quot; xsi:type=&quot;object&quot;&gt;<\/b> \u2014 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0434\u043b\u044f \u043f\u043e\u0434\u0445\u043e\u0434\u0430 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0441\u043e\u0440\u0441 \u043c\u043e\u0434\u0435\u043b\u0438. \u041f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 \u043c\u0430\u0441\u0441\u0438\u0432 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 (\u0447\u0435\u0440\u0435\u0437 \u0441\u043e\u0440\u0441 \u043c\u043e\u0434\u0435\u043b\u044c), \u043d\u043e knockoutjs \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043d\u0435 \u043c\u043e\u0436\u0435\u0442 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u043d\u0430 \u043f\u0440\u044f\u043c\u0443\u044e.<br \/>  <b>&lt;item name=&quot;dataType&quot; xsi:type=&quot;string&quot;&gt;<\/b> \u2014 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0434\u043b\u044f \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u0434\u0445\u043e\u0434\u0430. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u043a\u043b\u0430\u0441\u0441 \u0438\u0437 \u00aboptions\u00bb \u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0441\u043f\u0438\u0441\u043e\u043a \u0432\u0441\u0435\u0445 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b\u0445 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439. \u0414\u0430\u043b\u0435\u0435 \u00abselect\u00bb \u043a\u043b\u0430\u0441\u0441 \u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u0443\u0435\u0442 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u043d\u044b\u0439 \u043c\u0430\u0441\u0441\u0438\u0432 \u043e\u043f\u0446\u0438\u0439 \u0434\u043b\u044f knockoutjs \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430. \u041f\u043e\u0441\u043b\u0435 \u0447\u0435\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u0442 \u044d\u0442\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u043a\u0430\u043a \u00abselect\u00bb.<\/p>\n<p>  \u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u043d\u0435\u0442 \u0441\u043e\u0440\u0441 \u043c\u043e\u0434\u0435\u043b\u0438 \u0438 \u0432\u044b \u043d\u0435 \u0445\u043e\u0442\u0438\u0442\u0435 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0435\u0435 \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0441\u043f\u0438\u0441\u043e\u043a \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0445 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0439 \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u0432 xml.  <\/p>\n<pre><code class=\"xml\">&lt;column name=&quot;is_active&quot;&gt;     &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;         &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;             &lt;item name=&quot;options&quot; xsi:type=&quot;array&quot;&gt;                 &lt;item name=&quot;0&quot; xsi:type=&quot;array&quot;&gt;                     &lt;item name=&quot;value&quot; xsi:type=&quot;string&quot;&gt;0&lt;\/item&gt;                     &lt;item name=&quot;label&quot; xsi:type=&quot;string&quot;&gt;Disabled&lt;\/item&gt;                 &lt;\/item&gt;                 &lt;item name=&quot;1&quot; xsi:type=&quot;array&quot;&gt;                     &lt;item name=&quot;value&quot; xsi:type=&quot;string&quot;&gt;1&lt;\/item&gt;                     &lt;item name=&quot;label&quot; xsi:type=&quot;string&quot;&gt;Enabled&lt;\/item&gt;                 &lt;\/item&gt;             &lt;\/item&gt;             &lt;item name=&quot;component&quot; xsi:type=&quot;string&quot;&gt;Magento_Ui\/js\/grid\/columns\/select&lt;\/item&gt;             &lt;item name=&quot;editor&quot; xsi:type=&quot;string&quot;&gt;select&lt;\/item&gt;             &lt;item name=&quot;filter&quot; xsi:type=&quot;string&quot;&gt;select&lt;\/item&gt;             &lt;item name=&quot;label&quot; xsi:type=&quot;string&quot; translate=&quot;true&quot;&gt;Status&lt;\/item&gt;         &lt;\/item&gt;     &lt;\/argument&gt; &lt;\/column&gt; <\/code><\/pre>\n<p>  <b>&lt;item name=&quot;options&quot; xsi:type=&quot;array&quot;&gt;<\/b> \u2014 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u043f\u043e\u043b\u0435 \u0434\u043b\u044f \u043f\u043e\u0434\u0445\u043e\u0434\u0430 \u0431\u0435\u0437 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0441\u043e\u0440\u0441 \u043c\u043e\u0434\u0435\u043b\u0438. \u041e\u043d\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442 \u043c\u0430\u0441\u0441\u0438\u0432 \u043a\u043b\u044e\u0447\/\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435.<\/p>\n<h4>Store View column<\/h4>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/079\/cc4\/2a4\/079cc42a408f4ad885f49a6d1c49d1ca.png\"\/>  <\/p>\n<pre><code class=\"xml\">&lt;column name=&quot;store_id&quot; class=&quot;Magento\\Store\\Ui\\Component\\Listing\\Column\\Store&quot;&gt;     &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;         &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;             &lt;item name=&quot;bodyTmpl&quot; xsi:type=&quot;string&quot;&gt;ui\/grid\/cells\/html&lt;\/item&gt;             &lt;item name=&quot;label&quot; xsi:type=&quot;string&quot; translate=&quot;true&quot;&gt;Store View&lt;\/item&gt;         &lt;\/item&gt;     &lt;\/argument&gt; &lt;\/column&gt; <\/code><\/pre>\n<p>  \u0412 \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u0435 \u0441\u043b\u0443\u0447\u0430\u0435\u0432 Store View \u0445\u0440\u0430\u043d\u0438\u0442\u0441\u044f \u043a\u0430\u043a store_id (\u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440 \u0441\u0442\u043e\u0440\u0430), \u043d\u043e \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u044d\u0442\u043e \u043a\u0430\u043a \u0435\u0441\u0442\u044c \u043d\u0435 \u0441\u0430\u043c\u0430\u044f \u043b\u0443\u0447\u0448\u0430\u044f \u0438\u0434\u0435\u044f. \u0414\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c \u044d\u0442\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043d\u0430 \u0438\u043c\u044f \u0441\u0442\u043e\u0440\u0430 \u043d\u0430\u0434\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439 \u043a\u043b\u0430\u0441\u0441. \u0427\u0442\u043e\u0431\u044b \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0434\u0430\u043d\u043d\u044b\u0435 \u043a\u0430\u043a \u043d\u0430 \u0441\u043a\u0440\u0438\u043d\u0448\u043e\u0442\u0435 \u0432\u044b\u0448\u0435 \u043d\u0430\u0434\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c html, \u0442\u0430\u043a \u043a\u0430\u043a \u0434\u0435\u0444\u043e\u043b\u0442\u043d\u044b\u0439 \u0448\u0430\u0431\u043b\u043e\u043d \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f. \u041d\u0430\u0434\u043e \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u0435\u0433\u043e \u0432 \u00abbodyTmpl\u00bb. \u041a\u043b\u0430\u0441\u0441 Magento\\Store\\Ui\\Component\\Listing\\Column\\Store \u0437\u0430\u043c\u0435\u043d\u044f\u0435\u0442 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440 \u043d\u0430 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 Website-Store-StoreView html \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435. \u0418\u043c\u0435\u0439\u0442\u0435 \u0432 \u0432\u0438\u0434\u0443, \u0447\u0442\u043e \u043f\u043e\u0441\u043b\u0435 \u044d\u0442\u043e\u0433\u043e \u0442\u0430\u043a \u0436\u0435 \u043d\u0430\u0434\u043e \u043f\u0440\u0438\u043c\u0435\u043d\u0438\u0442\u044c \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0439 \u0444\u0438\u043b\u044c\u0442\u0440, \u0447\u0442\u043e\u0431\u044b \u043f\u043e\u0437\u0432\u043e\u043b\u0438\u0442\u044c \u0444\u0438\u043b\u044c\u0442\u0440\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0432 \u0442\u0430\u043a\u043e\u043c \u0436\u0435 \u0432\u0438\u0434\u0435.<\/p>\n<h4>Thumbnail column<\/h4>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/ceb\/06d\/d2e\/ceb06dd2e09b4d51b4eedf9109cfe956.png\"\/>  <\/p>\n<pre><code class=\"xml\">&lt;column name=&quot;image&quot; class=&quot;Magento\\Catalog\\Ui\\Component\\Listing\\Columns\\Thumbnail&quot;&gt; &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;     &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;         &lt;item name=&quot;component&quot; xsi:type=&quot;string&quot;&gt;Magento_Ui\/js\/grid\/columns\/thumbnail&lt;\/item&gt;         &lt;item name=&quot;has_preview&quot; xsi:type=&quot;string&quot;&gt;1&lt;\/item&gt;         &lt;item name=&quot;label&quot; xsi:type=&quot;string&quot; translate=&quot;true&quot;&gt;Image&lt;\/item&gt;     &lt;\/item&gt; &lt;\/argument&gt; &lt;\/column&gt;<\/code><\/pre>\n<p>  Thumbnail \u0441\u0442\u043e\u043b\u0431\u0446\u044b \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b\u0435 \u0432 \u0438\u043c\u043f\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438. \u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0435:  <\/p>\n<ul>\n<li>{column_name}_src \u2013 \u0443\u0440\u043b \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u043e\u0433\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f,<\/li>\n<li>{column_name}_alt \u2013 alt \u0442\u0435\u043a\u0441\u0442,<\/li>\n<li>{column_name}_link \u2013 \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0432\u043e \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0435\u043c \u043e\u043a\u043d\u0435,<\/li>\n<li>{column_name}_orig_src \u2013 \u0443\u0440\u043b \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0432\u043e \u0432\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0435\u043c \u043e\u043a\u043d\u0435.<\/li>\n<\/ul>\n<p>  *{column_name} \u044d\u0442\u043e \u00abimage\u00bb \u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u0435.<\/p>\n<p>  \u042d\u0442\u0438 \u0434\u0430\u043d\u043d\u044b\u0435 \u0440\u0435\u0434\u043a\u043e \u0445\u0440\u0430\u043d\u044f\u0442\u0441\u044f \u0432 \u0411\u0414, \u0434\u043b\u044f \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u044d\u0442\u0438\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f Magento\\Catalog\\Ui\\Component\\Listing\\Columns\\Thumbnail. \u041f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 \u0435\u0433\u043e \u0438\u0441\u0445\u043e\u0434\u043d\u044b\u0439 \u043a\u043e\u0434, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0432\u0430\u0448\u0443 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e.<br \/>  <b>&lt;item name=&quot;has_preview&quot; xsi:type=&quot;boolean&quot;&gt;<\/b> \u2014 \u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439. \u0412\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u044d\u0442\u043e\u0439 \u043e\u043f\u0446\u0438\u0438 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0435\u0435 \u043e\u043a\u043d\u043e \u043f\u043e \u043a\u043b\u0438\u043a\u0443 \u043d\u0430 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0438 \u0432 \u0441\u0442\u043e\u043b\u0431\u0446\u0435.<\/p>\n<h4>Action column<\/h4>\n<p>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/23c\/876\/57b\/23c87657b5be4c939586a8d44cea09e1.png\"\/><br \/>  \u0421\u0442\u043e\u043b\u0431\u0435\u0446 \u00abAction\u00bb \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 \u00abactionColumn\u00bb \u0442\u0435\u0433 \u0432\u043c\u0435\u0441\u0442\u043e \u00abcolumn\u00bb, \u043d\u043e \u0435\u0433\u043e \u043e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0438 \u0441\u0438\u043d\u0442\u0430\u043a\u0441\u0438\u0441 \u0442\u0430\u043a\u0438\u0435 \u0436\u0435. \u0421\u0442\u043e\u043b\u0431\u0435\u0446 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u0441\u043e\u0437\u0434\u0430\u043d 2\u043c\u044f \u0441\u043f\u043e\u0441\u043e\u0431\u0430\u043c\u0438.<\/p>\n<p>  <b>\u0421\u043f\u043e\u0441\u043e\u0431 \u043f\u0435\u0440\u0432\u044b\u0439<\/b><br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/44b\/b6d\/6ce\/44bb6d6ce2c74bffa28d0c70e73d1e86.png\"\/><br \/>  \u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0442\u0430\u043a\u043e\u0433\u043e \u00abaction\u00bb \u0441\u0442\u043e\u043b\u0431\u0446\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0443\u044e \u043a\u043e\u0440\u043e\u0442\u043a\u0443\u044e  <\/p>\n<pre><code class=\"xml\">    &lt;actionsColumn name=&quot;actions&quot; class=&quot;Test\\UiGrid\\Ui\\Component\\Listing\\Column\\Action&quot;\/&gt; <\/code><\/pre>\n<p>  \u0438\u043b\u0438 \u043f\u043e\u043b\u043d\u0443\u044e \u0437\u0430\u043f\u0438\u0441\u044c  <\/p>\n<pre><code class=\"xml\">&lt;actionsColumn name=&quot;actions&quot; class=&quot;Test\\UiGrid\\Ui\\Component\\Listing\\Column\\Action&quot;&gt;     &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;         &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;             &lt;item name=&quot;indexField&quot; xsi:type=&quot;string&quot;&gt;entity_id&lt;\/item&gt;         &lt;\/item&gt;     &lt;\/argument&gt; &lt;\/actionsColumn&gt; <\/code><\/pre>\n<p>  \u041d\u0430 \u0434\u0435\u043b\u0435, \u043e\u043d\u0438 \u0438\u0434\u0435\u043d\u0442\u0438\u0447\u043d\u044b. \u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u0440\u0430\u0437\u043d\u0438\u0446\u0430 \u044d\u0442\u043e \u00abindexField\u00bb \u044d\u043b\u0435\u043c\u0435\u043d\u0442. \u041f\u043e \u0444\u0430\u043a\u0442\u0443, \u044d\u0442\u043e\u0442 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 \u043d\u0435 \u043e\u0447\u0435\u043d\u044c \u0432\u0430\u0436\u0435\u043d \u0438 \u043d\u0435 \u0437\u0430\u0442\u0440\u0430\u0433\u0438\u0432\u0430\u0435\u0442 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c, \u0442\u0430\u043c \u043d\u0435\u0442 \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u043e \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0445 \u043c\u0435\u0441\u0442 \u0432 \u0435\u0433\u043e knockoutjs \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u043a\u043e\u0434\u0435. \u0422\u0430\u043a \u0447\u0442\u043e \u044f \u043f\u0440\u043e\u0441\u0442\u043e \u043f\u0440\u043e\u043f\u0443\u0441\u0442\u0438\u043b \u0435\u0433\u043e \u0432 \u043a\u043e\u0440\u043e\u0442\u043a\u043e\u0439 \u0444\u043e\u0440\u043c\u0435, \u043d\u043e \u044d\u0442\u043e \u043c\u043e\u0436\u0435\u0442 \u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0432 \u0431\u0443\u0434\u0443\u0449\u0438\u0445 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f\u0445 \u043f\u043e\u0441\u043b\u0435 \u0440\u0435\u0444\u0430\u043a\u0442\u043e\u0440\u0438\u043d\u0433\u0430 \u043a\u043e\u0434\u0430 \u044d\u0442\u043e\u0433\u043e \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430.<\/p>\n<p>  \u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0447\u0430\u0441\u0442\u044c \u044d\u0442\u043e \u043a\u043b\u0430\u0441\u0441, \u043e\u043d \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0441\u043f\u0438\u0441\u043e\u043a \u043e\u043f\u0446\u0438\u0439. \u0414\u043b\u044f \u0438\u043c\u043f\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u043a\u043b\u0430\u0441\u0441\u0430 \u0432\u0440\u043e\u0434\u0435 \u044d\u0442\u043e\u0433\u043e \u043f\u043e\u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0435 Magento\\Cms\\Ui\\Component\\Listing\\Column\\BlockActions.php.<br \/>  <img decoding=\"async\" src=\"https:\/\/habrastorage.org\/files\/2ad\/963\/8e4\/2ad9638e4328458287504195a88a90a4.png\"\/><br \/>  Magento \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0434\u0440\u043e\u043f\u0434\u0430\u0443\u043d \u00abSelect\u00bb \u0435\u0441\u043b\u0438 \u0435\u0441\u0442\u044c \u0445\u043e\u0442\u044f \u0431\u044b 1 \u043e\u043f\u0446\u0438\u044f. <\/p>\n<p>  <b>\u0421\u043f\u043e\u0441\u043e\u0431 \u0432\u0442\u043e\u0440\u043e\u0439<\/b><br \/>  \u0422\u0430\u043a \u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u00abaction\u00bb \u0441\u0442\u043e\u043b\u0431\u0435\u0446 \u0431\u0435\u0437 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043d\u043e\u0432\u044b\u0445 \u043a\u043b\u0430\u0441\u0441\u043e\u0432.  <\/p>\n<pre><code class=\"xml\">&lt;actionsColumn name=&quot;actions&quot; class=&quot;Magento\\Sales\\Ui\\Component\\Listing\\Column\\ViewAction&quot;&gt;     &lt;argument name=&quot;data&quot; xsi:type=&quot;array&quot;&gt;         &lt;item name=&quot;config&quot; xsi:type=&quot;array&quot;&gt;             &lt;item name=&quot;indexField&quot; xsi:type=&quot;string&quot;&gt;entity_id&lt;\/item&gt;             &lt;item name=&quot;viewUrlPath&quot; xsi:type=&quot;string&quot;&gt;ugrid\/enity\/view&lt;\/item&gt;             &lt;item name=&quot;urlEntityParamName&quot; xsi:type=&quot;string&quot;&gt;uigrid_id&lt;\/item&gt;         &lt;\/item&gt;     &lt;\/argument&gt; &lt;\/actionsColumn&gt; <\/code><\/pre>\n<p>  \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u00abMagento\\Sales\\Ui\\Component\\Listing\\Column\\ViewAction\u00bb \u043a\u043b\u0430\u0441\u0441. \u041e\u043d \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043b\u0435\u0437\u0435\u043d \u0434\u043b\u044f \u043c\u043d\u043e\u0433\u0438\u0445 \u0441\u043b\u0443\u0447\u0430\u0435\u0432. \u0412\u0430\u043c \u0432\u0441\u0435\u0433\u043e-\u0442\u043e \u043d\u0430\u0434\u043e \u0438\u043c\u0435\u0442\u044c \u043a\u043e\u043d\u0444\u0438\u0433 \u0432\u0440\u043e\u0434\u0435 \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u043f\u043e\u043a\u0430\u0437\u0430\u043d \u0432\u044b\u0448\u0435 \u0438 primary key \u043f\u043e\u043b\u0435\u043c \u0432 \u0411\u0414 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c \u00abentity_id\u00bb.<br \/>  <b>&lt;item name=&quot;indexField&quot; xsi:type=&quot;string&quot;&gt;<\/b> \u2014 \u0441\u043c. \u0432\u044b\u0448\u0435,<br \/>  <b>&lt;item name=&quot;viewUrlPath&quot; xsi:type=&quot;string&quot;&gt;<\/b> \u2014 \u0443\u0440\u043b \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f,<br \/>  <b>&lt;item name=&quot;urlEntityParamName&quot; xsi:type=&quot;string&quot;&gt;<\/b> \u2014 \u0438\u043c\u044f entity_id \u043f\u043e\u043b\u044f, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 GET \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0430. \u0414\u0435\u0444\u043e\u043b\u0442\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u00abentity_id\u00bb, \u0442\u0430\u043a \u0447\u0442\u043e \u043e\u043d\u043e \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c \u043f\u0440\u043e\u043f\u0443\u0449\u0435\u043d\u043e, \u043d\u043e \u0435\u0441\u043b\u0438 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c \u0447\u0442\u043e-\u0442\u043e \u043e\u0442\u043b\u0438\u0447\u043d\u043e\u0435 \u043e\u0442 entity_id \u0442\u043e \u0443\u043a\u0430\u0436\u0438\u0442\u0435 \u0435\u0433\u043e \u043a\u0430\u043a \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u0432 \u043f\u0440\u0438\u043c\u0435\u0440\u0435.<\/p>\n<p>  \u041d\u0430 \u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0434\u043b\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 \u043c\u043e\u0433\u0443\u0442 \u0431\u044b\u0442\u044c \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u043f\u043e\u043b\u043d\u043e\u0441\u0442\u044c\u044e \u0447\u0435\u0440\u0435\u0437 xml, \u043d\u043e \u0432 \u0442\u0430\u043a\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435 \u0432\u0430\u043c \u043d\u0430\u0434\u043e \u0431\u0443\u0434\u0435\u0442 \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u0442\u044c \u043f\u043e\u043b\u043d\u044b\u0439 \u0443\u0440\u043b \u0434\u043e \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0437\u0430\u043f\u0438\u0441\u0438, \u0447\u0442\u043e \u043c\u0435\u043d\u0435\u0435 \u0443\u0434\u043e\u0431\u043d\u043e.<\/p>\n<p>  <a name=\"warning\"><\/a><\/p>\n<h2>\u041d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043f\u043e\u043c\u043d\u0438\u0442\u044c<\/h2>\n<p>  \u041a\u0430\u043a \u0442\u043e\u043b\u044c\u043a\u043e \u0430\u0434\u043c\u0438\u043d \u043e\u0442\u043a\u0440\u043e\u0435\u0442 \u0433\u0440\u0438\u0434 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0432 \u043f\u0435\u0440\u0432\u044b\u0439 \u0440\u0430\u0437 Magento \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0441\u0442\u043e\u043b\u0431\u0446\u043e\u0432, \u043f\u0440\u0438\u043c\u0435\u043d\u0435\u043d\u043d\u0443\u044e \u0441\u043e\u0440\u0442\u0438\u0440\u043e\u0432\u043a\u0443 \u0434\u0430\u043d\u043d\u044b\u0445, \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043d\u044b\u0435 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u044b \u0438 \u0442\u0430\u043a \u0434\u0430\u043b\u0435\u0435 \u0432 ui_bookmark \u0442\u0430\u0431\u043b\u0438\u0446\u0443 \u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0432 ui_component.xml \u043d\u0435 \u0441\u043c\u043e\u0433\u0443\u0442 \u0438\u0437\u043c\u0435\u043d\u0438\u0442\u044c \u044d\u0442\u043e\u0433\u043e. \u0414\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u0432\u044b \u0432 \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u043c \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u0435 \u043d\u043e\u0432\u044b\u0439 \u0441\u0442\u043e\u043b\u0431\u0435\u0446 \u0432 \u043d\u0430\u0447\u0430\u043b\u043e \u0444\u0430\u0439\u043b\u0430 \u0438\u043b\u0438 \u0432 \u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0443, Magento \u0431\u0443\u0434\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u0441\u0442\u043e\u043b\u0431\u0435\u0446 \u0432 \u0441\u0430\u043c\u043e\u043c \u043a\u043e\u043d\u0446\u0435 \u0441\u043f\u0438\u0441\u043a\u0430, \u0434\u0430\u0436\u0435 \u0435\u0441\u043b\u0438 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0439 \u0441\u0442\u043e\u043b\u0431\u0435\u0446 \u0431\u044b\u043b \u00abactions\u00bb \u0438 \u043e\u043d \u0431\u044b\u043b \u043e\u0442\u043c\u0435\u0447\u0435\u043d \u043a\u0430\u043a \u043d\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u0449\u0430\u0435\u043c\u044b\u0439, \u0438\u0433\u043d\u043e\u0440\u0438\u0440\u0443\u044f sortOrder \u0430\u0442\u0440\u0438\u0431\u0443\u0442. \u0427\u0442\u043e\u0431\u044b \u0441\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u044d\u0442\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0432\u0430\u043c \u043f\u043e\u043d\u0430\u0434\u043e\u0431\u0438\u0442\u044c\u0441\u044f \u0443\u0434\u0430\u043b\u0438\u0442\u044c \u0432\u0441\u0435 \u0437\u0430\u043f\u0438\u0441\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u043c\u0435\u044e\u0442 \u043d\u0435\u0439\u043c \u0441\u043f\u0435\u0439\u0441 \u0438\u0434\u0435\u043d\u0442\u0438\u0447\u043d\u044b\u0439 \u0432\u0430\u0448\u0435\u043c\u0443 \u0433\u0440\u0438\u0434\u0443 (\u0438\u043c\u044f \u0444\u0430\u0439\u043b\u0430) \u0438\u0437 \u0411\u0414 (\u043a\u0430\u043a \u043c\u0438\u043d\u0438\u043c\u0443\u043c \u0438\u043c\u0435\u044e\u0449\u0438\u0435 \u0438\u0434\u0435\u043d\u0442\u0438\u0444\u0438\u043a\u0430\u0442\u043e\u0440 \u00abdefault\u00bb, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u043a \u043d\u043e\u0432\u044b\u043c \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044f\u043c, \u0438 \u00abcurrent\u00bb \u0435\u0441\u043b\u0438 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u0441\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u0430\u043a\u0442\u0438\u0432\u043d\u044b\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0442\u0430\u043a \u0436\u0435).<\/p>\n<p>  <a name=\"summary\"><\/a><\/p>\n<h2>\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/h2>\n<p>  \u041f\u043e\u0434\u0432\u043e\u0434\u044f \u0438\u0442\u043e\u0433, \u044f \u0445\u043e\u0442\u0435\u043b \u0431\u044b \u0441\u043a\u0430\u0437\u0430\u0442\u044c, \u0447\u0442\u043e ui \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0438\u043c\u0435\u044e\u0442 \u043c\u0430\u0441\u0441\u0443 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439. \u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f knockoutjs \u0438 \u0435\u0433\u043e \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u044e \u0432 ui \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u043c\u043e\u0433\u0443\u0442 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0431\u0435\u0437 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0434\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a \u0438 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u043a\u0430\u043a \u044d\u0442\u043e \u0431\u044b\u043b\u043e \u0432 Magento 1. \u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043d\u0435\u0434\u043e\u0441\u0442\u0430\u0442\u043e\u043a \u0437\u0434\u0435\u0441\u044c \u044d\u0442\u043e \u0442\u043e, \u0447\u0442\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e \u043f\u043e\u0442\u0440\u0430\u0442\u0438\u0442\u044c \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u043f\u043e\u043d\u0438\u043c\u0430\u043d\u0438\u044f \u0438\u0434\u0435\u0438 \u0438 \u043f\u043e\u0434\u0445\u043e\u0434\u0430 \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0447\u0430\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043d\u043e\u0432\u043e\u0439 \u0444\u0438\u0447\u0435\u0439 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e. \u0421\u0430\u043c\u0430 Magento 2, \u043a\u0430\u043a \u0438 \u0435\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f, \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0435\u0442 \u0440\u0430\u0437\u0432\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u043a\u0430\u0436\u0434\u044b\u0439 \u0434\u0435\u043d\u044c. \u041f\u0440\u0435\u0436\u0434\u0435 \u0432\u0441\u0435\u0433\u043e \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u044f \u043d\u0430 <a href=\"http:\/\/devdocs.magento.com\/guides\/v2.1\/ui_comp_guide\/ui_comp_outline_proposed.html\">devdocs.magento.com\/guides\/v2.1\/ui_comp_guide\/ui_comp_outline_proposed.html<\/a>. \u042d\u0442\u043e \u0445\u043e\u0440\u043e\u0448\u0430\u044f \u0438\u0434\u0435\u044f \u043d\u0430\u0447\u0430\u0442\u044c \u0432\u0430\u0448\u0435 \u043f\u043e\u0433\u0440\u0443\u0436\u0435\u043d\u0438\u0435 \u0432 ui \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u044b \u0441 \u043e\u0444\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438. \u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043d\u0430\u0439\u0442\u0438 \u0431\u043e\u043b\u044c\u0448\u0435 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u043e Ui Component \u043f\u043e \u0441\u0441\u044b\u043b\u043a\u0435 <a href=\"http:\/\/devdocs.magento.com\/guides\/v2.1\/ui-components\/ui_components_js.html\">devdocs.magento.com\/guides\/v2.1\/ui-components\/ui_components_js.html<\/a> \u0438\u043b\u0438 <a href=\"http:\/\/devdocs.magento.com\/guides\/v2.1\/ui_comp_guide\/bk-ui_comps.html\">devdocs.magento.com\/guides\/v2.1\/ui_comp_guide\/bk-ui_comps.html<\/a>.<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:\/\/habrahabr.ru\/post\/315182\/\"> https:\/\/habrahabr.ru\/post\/315182\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0410\u0431\u0441\u043e\u043b\u044e\u0442\u043d\u043e \u0432\u0441\u0435 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u0438 Magento 2 \u043e\u0431\u0440\u0430\u0442\u0438\u043b\u0438 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u043e\u0431\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0430\u0434\u043c\u0438\u043d \u043f\u0430\u043d\u0435\u043b\u0438. \u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u044f \u0445\u043e\u0442\u0435\u043b \u0431\u044b \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u043d\u043e\u0432\u044b\u0439 \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 Grid \u0441\u0442\u0440\u0430\u043d\u0438\u0446 \u0438 \u0433\u043b\u0430\u0432\u043d\u043e\u0435, \u043a\u0430\u043a \u043c\u043e\u0436\u043d\u043e \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u0441\u0432\u043e\u044e \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e Grid \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0441 \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u044b\u043c \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435\u043c.  <\/p>\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-281250","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/281250","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=281250"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/281250\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=281250"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=281250"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=281250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}