Question

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

Sencha网站上的所有ExtJS示例都使用其布局创建者以及如何在浏览器中复制桌面应用程序。我想知道 - 根据标准的webapp，在'普通'HTML页面中使用ExtJS组件/小部件是否可能（并且可行）？

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

你究竟想做什么？

Answer 2

您要求的是可能的，而且不会对您当前的代码库造成太大的干扰。即你可以加载现有的DOM，然后在页面加载后（在Jonathan所解释的onReady中）执行Sencha魔法，无论你能想到什么（在ExtJS边界内）。

此外，并非所有示例都使用其布局创建者。
这是您试图获得的概念的一个完美例子 - How to create a grid from an existing, unformatted HTML table

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

2 个答案: