javascript - sencha ext js アプリケーションに通常の html フォームを埋め込む

Question

現在、通常の HTML (1 ページのみ) と Javascript (純粋な JS + JQuery) で記述された大きなコンポーネント (機能) があります。Sencha EXT JS でリライトするのは非常に困難または不可能です。そして、私たちは完全に Sencha で新しいアプリケーションを開発しています。

元のソースコード (HTML + JS) をそのまま残した新しい Sencha アプリケーションにこの機能を埋め込むことはできますか?

ありがとう！ミルドル。

Answer 1

.html を使用して、完全な html ページをロードできますExt.ComponentLoader。

var cmp = Ext.create('Ext.Component', {
    renderTo: Ext.getBody(),
    loader: {
        url: 'myPage.html',
        renderer: 'html' //default
    }
});

JavaScript のコンテンツが既にある場合は、使用できます。

Ext.getCmp('yourComponentId')。update(theHtmlorData, [loadScriptsOnPage], [callback])

yourComponentId は ID を持つ要素です (ID の使用はお勧めしません)