javascript - Bryntum Gantt：如何将甘特图渲染为 div？

Question

甘特图默认在 body 标签上呈现，所以我在 div 上进行。通过修改放置正确的代码js/advanced/Application.js但js/advanced/view/MainViewport.js仍然无法正常工作。我的代码如下

js/advanced/Application.js

me.mainView = me.getMainViewportView().create({
    renderTo : 'ext-gantt-div',

js/advanced/view/MainViewport.js

Ext.define("Gnt.examples.advanced.view.MainViewport", {
    extend      : 'Ext.panel.Panel',

index.html

< body >
    < div id="ext-gantt-div" >< /div >
< /body >

控制台中没有显示错误，即使数据从 json 文件显示在控制台中，但浏览器中没有显示任何内容。

我现在能做什么？

score 1 · Accepted Answer

您可以尝试在甘特图面板上定义高度/宽度：

Ext.define("Gnt.examples.advanced.view.MainViewport", {
    extend      : 'Ext.panel.Panel',
    width:500,
    height:500,

1 回答 1