Geek asks and answers

Improve an existing web application with Sencha ExtJS?

I have an existing web application that uses a standard jQuery-based dataset, but can really do something more unusual.

All ExtJS examples on the Sencha website use their layout maker and as a replication of the desktop application in the browser. I would like to know - is it possible (and possible) to use ExtJS components / widgets on "normal" HTML pages in accordance with the standard webapp?

+3
source share
2 answers

Yes, absolutely. You can include the ExtJS library on your page, just like jQuery, and do all kinds of things - manipulate the DOM, add / remove HTML elements on your page, insert ExtJS components anywhere in your markup, etc.

For example, if you have an element with the identifier "my-ext-widget", you can create an ext component (for example, a panel) and insert it into this element, for example:

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");
});

What exactly are you trying to do?

+4
source

What you ask for is probably not too invasive in your current code base. those. you can load the existing DOM and then do Sencha magic after loading your page (in onReady, as Jonathan explained) no matter what you think (within the offcourse borders of ExtJS).

, .
, , , HTML-

+1

More articles:


All Articles