Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.01.2023, 10:48
Аватар для Infarch
Профессор
Отправить личное сообщение для Infarch Посмотреть профиль Найти все сообщения от Infarch
 
Регистрация: 06.06.2014
Сообщений: 292

Как использовать компонент Ext6 не собирая приложение?
Здравствуйте!

Форум давно утих, а я попробую оживить )

Вопрос: как можно задействовать Ext.tree.Panel на произвольной странице, не собирая приложение? Контрол будет встроен в разметку как самостоятельный виджет. Фреймворк ExtJS 6.7.0 Classic.

Заранее спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 18.03.2024, 11:00
Новичок на форуме
Отправить личное сообщение для SergeyBogdanov Посмотреть профиль Найти все сообщения от SergeyBogdanov
 
Регистрация: 21.05.2020
Сообщений: 2

Примерно так, на 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>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
callback как использовать денис77447327 Элементы интерфейса 3 17.10.2017 08:25
Как правельно использовать плагин jquery.cookie ivanfom jQuery 5 21.01.2015 16:53
isDefaultSelected - как ее использовать для...? Semen Events/DOM/Window 2 25.08.2009 20:13
Как заставить браузер использовать закэшированное изображение? fog Общие вопросы Javascript 5 13.08.2009 15:40
Как изменить скрипт, что бы им его можно было использовать для нужной страницы Nick50_70 Общие вопросы Javascript 0 28.04.2009 23:30