加载数据

对于EdoGantt,它只需要一个符合甘特图数据结构的Javascript Array数据对象,就可以正常工作。
在实际项目中,我们一般使用Ajax从服务端的一个地址加载所需要的数据。
下面用一个简单的示例来说明:

首先,服务端有一个data.txt文件,可以打开链接查看。

然后,我们使用Edo.util.Ajax组件,从服务端加载这个地址,获得一个JSON格式的字符串,将JSON字符串反序列化成javascipt对象后,设置给EdoGantt:

Edo.util.Ajax.request({
    url: 'data.txt',
    type: 'get',
    onSuccess: function(text){
        //text文本字符串, 将其转换为js对象
        var data = Edo.util.JSON.decode(text);
        
        edogantt.set('data', data);        
    },
    onFail: function(code){
        //code是网络交互错误码,如404,500之类
        alert(code);
    }
});

Edo.util.Ajax是一个静态类,调用request方法,传递一个配置对象,就可以与服务端完成一次数据交互操作。这里了解更多Edo.util.Ajax
当然,您也可以使用第三方的Ajax组件,只要确保从服务端正确获得数据就可以了。

这里查看一个完整的Ajax EdoGantt示例