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

我有一个现有的web应用程序，它使用标准的jQuery驱动的datagrid，但实际上可以做一些更奇特的事情

---

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

是的，绝对可行。您可以像jQuery一样在页面上包含ExtJS库，并执行各种操作——操作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");
});

---

您到底想做什么？

您所要求的是可能的，并且不会对您当前的代码库造成太大的影响。i、 e.您可以加载现有的DOM，然后在页面加载后（在onReady中，正如Jonathan所解释的）执行Sencha魔术，以获得您所能想到的任何东西（当然，在ExtJS边界内）

此外，并非所有示例都使用其布局创建者。
这是一个很好的例子，说明了您想要了解的概念-

---

您也可以使用

renderTo

config，将.render（）调用作为单独的一行省略。谢谢，这正是我想知道的！我想使用ExtJS datagrid组件作为jQuery选项，虽然功能强大，但在功能或视觉外观方面不进行比较。数据需要在服务器端进行排序（由于卷的原因），有一个链接到datagrid的搜索框，此外还可以按一列的值进行过滤。我的印象是ExtJS是一个独立的RIA工具包，不能用于增强基于HTML的webapp。谢谢amol，我错过了那个演示！新的url是