首先,对于 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