Как использовать компонент Ext6 не собирая приложение?
Здравствуйте!
Форум давно утих, а я попробую оживить ) Вопрос: как можно задействовать Ext.tree.Panel на произвольной странице, не собирая приложение? Контрол будет встроен в разметку как самостоятельный виджет. Фреймворк ExtJS 6.7.0 Classic. Заранее спасибо! |
Примерно так, на 6ке будет тоже также:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui"> <title>Проводник</title> <link rel="stylesheet" type="text/css" href="ext-7.6.0/build/classic/theme-material/resources/theme-material-all.css" /> <script type="text/javascript" language="JavaScript" src="ext-7.6.0/build/ext-all-debug.js"></script> <script type="text/javascript" language="JavaScript" src="ext-7.6.0/build/classic/locale/locale-ru.js"></script> <script type="text/javascript"> Ext.application({ name : 'Fiddle', launch : function() { var store = Ext.create('Ext.data.TreeStore', { root: { expanded: true, children: [ { text: 'detention', leaf: true }, { text: 'homework', expanded: true, children: [ { text: 'book report', leaf: true }, { text: 'algebra', leaf: true} ] }, { text: 'buy lottery tickets', leaf: true } ] } }); Ext.create('Ext.tree.Panel', { title: 'Simple Tree', width: 200, height: 200, store: store, rootVisible: false, renderTo: Ext.get('left') }); } }); </script> <style> #parent { border: 1px solid blue; display: flex; height: 500; flex-direction: row; justify-content: space-between; } </style> </head> <body> <div id="parent"> <div id="left"></div> <div id="right">right</div> </div> </body> </html> |
Часовой пояс GMT +3, время: 20:41. |