web-applications - 使用 Sencha ExtJS 增强现有的 Web 应用程序？

Question

我有一个现有的 Web 应用程序，它使用标准的 jQuery 驱动的数据网格，但实际上可以做一些更奇特的事情。

Sencha 网站上的所有 ExtJS 示例都使用了它们的布局创建器以及如何在浏览器中复制桌面应用程序。我想知道 - 是否有可能(并且可行)在“普通”HTML 页面中使用 ExtJS 组件/小部件，按照标准的 Web 应用程序？

Answer 1

是的，绝对是。您可以在页面上包含 ExtJS 库，就像 jQuery 一样，并执行各种操作——操作 DOM、在页面上添加/删除 HTML 元素、在标记中的任何位置插入 ExtJS 组件等。

例如，如果您有一个 id 为“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");
});

你到底想做什么？