Улучшить существующее веб-приложение с помощью Sencha ExtJS?

Question

У меня есть существующее веб-приложение, которое использует стандартную сетку данных на основе jQuery, но может действительно сделать что-то более причудливое.

Во всех примерах ExtJS на веб-сайте Sencha используется создатель макета и то, как приложение для настольных компьютеровреплицироваться в браузере.Я хотел бы знать - возможно ли (и возможно) использовать компоненты / виджеты ExtJS на «обычных» HTML-страницах, как в стандартном веб-приложении?

Answer 1

Да, абсолютно. Вы можете включить библиотеку ExtJS на свою страницу, как jQuery, и делать все что угодно - манипулировать DOM, добавлять / удалять элементы HTML на своей странице, вставлять компоненты ExtJS в любую точку разметки и т. Д.

Например, если у вас есть элемент с идентификатором «my-ext-widget», вы можете создать компонент ext (например, панель) и вставить его в этот элемент, например:

Ext.onReady(function() {
    myPanel = new Ext.Panel({
        title:'Sample Panel',
        height:300,
        width:200,
        html:'This is a sample panel'
    });

    myPanel.render("my-ext-widget");
});

Что именно вы пытаетесь сделать?

Answer 2

То, что вы просите, возможно и не слишком агрессивно для вашей текущей кодовой базы. то есть вы можете загрузить существующий DOM и затем выполнить магию Sencha после загрузки вашей страницы (в onReady, как объяснил Джонатан) для всего, что вы можете думать (в пределах границ ExtJS).

Кроме того, не во всех примерах используется создатель макета.
Это прекрасный пример концепции, к которой вы стремитесь Как создать сетку из существующей неформатированной таблицы HTML