普加甘特图集成到第三方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原生的控件一样了。

562949953438662856.jpg

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

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/26770923/viewspace-719791/,如需转载,请注明出处,否则将追究法律责任。

转载于:http://blog.itpub.net/26770923/viewspace-719791/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值