2015-01-20 5 views
3

У меня есть extjs 5, который содержит много папок (.sencha, build, cmd, examples, license, overrides, packages, plugins, src и welcome). Я хочу использовать диаграммы в веб-приложении, поэтому я сделал это, чтобы скопировать/вставить файл ext-all-debug.js, который был в папке сборки. Это дало мне возможность отображать панель, но css не было. Поэтому я копирую/вставляю файлы css, которые я нашел в \ ext-5.1.0 \ build \ packages \ ext-theme-neptune \ build \ resources. Таким образом, панель отлично отображает css.Включить библиотеку EXTJS 5 в веб-приложение

Затем я хочу использовать диаграммы, но по какой-то причине я не понимаю, диаграммы не включены в файл ext-all-debug.js. Поэтому я копирую/вставляю «ext-charts-debug.js». И теперь я могу отображать простые декартовы диаграммы (другие не работают), но их поведение не является нормальным (неправильная ось, легенда всегда внизу, когда она заблокировала ее справа или слева и т. Д.). Код, который я написал для отображения диаграммы, был протестирован на скрипке sencha и работает отлично.

Итак, мой вопрос: что мне следует включить в папку моего веб-приложения lib, чтобы я мог использовать КАЖДЫЕ компоненты sencha (css). Большое спасибо !

PS: Вот мои текущие веб-приложение Lib папки: web application lib folder

+1

Я не могу начать подчеркивать, что документация, вероятно, охватывает это лучше, чем я мог бы начать объяснять. http://docs.sencha.com/extjs/5.1/getting_started/getting_started.html –

+0

Привет, Роб, большое спасибо за этот быстрый feedbck :)! Я читал вашу ссылку, но мне это не помогает. Я хотел бы добавить, что у меня нет веб-приложения extjs, а простого персонального веб-приложения. Я вообще не использую sencha cmd;)! – JkSuf

+0

Просто запустите приложение из корня базы кода со всеми вещами, которые входят в загруженный файл. –

ответ

4

Для ExtJS 5 Вы действительно должны прочитать документацию по Сенчу командованию, это, безусловно, самый простой способ получить ход проекта.

Если вы действительно хотите, чтобы вручную добавить файлы, копировать build папки из ExtJS Framework в папку вашего проекта, а затем добавить к вашему index.html:

<link rel="stylesheet" href="build/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css" /> 
<link rel="stylesheet" href="build/packages/sencha-charts/build/crisp/resources/sencha-charts-all.css" /> 
<script src="build/ext-all-debug.js"></script> 
<script src="build/packages/sencha-charts/build/sencha-charts.js"></script> 

не отображается Ваши Сенча Графиков правильно, потому что вы забыли добавить css для своей темы диаграммы sencha.

PS: Действительно, действительно прочитайте документы в команде Sencha.

+1

Да, Sencha Cmd - это путь. – Saki

Смежные вопросы