普加甘特圖集成到第三方JS框架(MiniUI、jQuery、Ext等)

 

 

 

首先，對於MiniUI、jQuery, YUI, Prototype.js等框架來說，它們對頁面的操作基於原始Dom元素的。
所以，你可以不用做任何額外的處理，按PlusGantt正常的例子，把項目甘特圖對象加入到頁面元素就可以了。

 

其次，對於ExtJS這樣封裝度很高的框架，可以從Ext對象找到它的dom，然後render加入即可。使用代碼如下：
 

//獲取ext控件對象  var extControl = Ext.get(id);

  //設置尺寸爲100%自適應  gantt.setStyle("width:100%;height:100%");   

//把project加入到ext控件對象的dom屬性中  gantt.render(extControl.dom);   

只需要這樣設置後，PlusGantt就能在Ext的佈局面板中自動調整尺寸

大小，看上去跟Ext原生的控件一樣了。

 

 

參考示例：http://www.plusgantt.com/gantt/demo/ExtGantt.html