继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

html5零基础入门学习
关注TA
已关注
手记 246
粉丝 81
获赞 517

 

  首先,对于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的布局面板中自动调整尺寸

 

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP