使用Sencha ExtJS增強現有的Web應用程序？

我有一個現有的Web應用程序，它使用標準的jQuery動力數據網格，但真的可以做更多的花哨。使用Sencha ExtJS增強現有的Web應用程序？

Sencha網站上的所有ExtJS示例都使用其佈局創建器以及如何在瀏覽器中複製桌面應用程序。我想知道 - 根據標準的Web應用程序，在'普通'HTML頁面中使用ExtJS組件/小部件是否可行（並且可行）？

2011-03-14 PeterB

是的，絕對。您可以在頁面上包含ExtJS庫，就像jQuery一樣，可以執行各種操作 - 操作DOM，在頁面上添加/刪除HTML元素，在標記內的任何位置插入ExtJS組件等。

For舉例來說，如果你有「我的-EXT-部件」的一個id的元素，那麼你可以創建一個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"); 
});

究竟你想要做什麼？

來源

2011-03-14 18:05:18

你也可以使用'renderTo'配置，並省略.render（）調用作爲一個獨立的行概念的一個很好的例子。 – 2011-03-14 19:04:54

謝謝，這正是我想知道的！我想使用ExtJS datagrid組件作爲jQuery選項，而功能性，在功能或視覺外觀方面不做比較。數據需要在服務器端進行排序（由於數據量），有一個搜索框鏈接到數據網格，並且還可以按一列值進行過濾。我的印象是ExtJS是一個獨立的RIA工具包，不能用於增強基於HTML的web應用程序。 – PeterB 2011-03-15 08:51:52

你所要求的是可能的，而不會對當前的代碼庫造成太大影響。即你可以加載你現有的DOM，然後在你的頁面加載後（在Jonathan解釋的onReady中）爲你想到的任何東西（在ExtJS邊界offcourse內）完成Sencha魔術。

此外，並非所有示例都使用其佈局創建器。
這是你試圖讓AT- How to create a grid from an existing, unformatted HTML table

來源

2011-03-15 03:32:39

感謝amol，我錯過了這個示範！ – PeterB 2011-03-15 08:38:49

新的網址是http://docs.sencha.com/extjs/4.0.7/#!/example/grid/transform-dom.html – oden 2014-07-05 12:50:51

使用Sencha ExtJS增強現有的Web應用程序？

回答

相關問題