日期:2014-05-16  浏览次数:20565 次

让你的甘特图能与数据库进行互动

        首先,我这里只是提供一个思路,要彻底的实现还需要一些思考。首先我先静态的实现吧。

        我用的控件是ExtScheduler-2.0.0-trial(点击可下载,也可以自己到百度自己搜一下去),这个里面的甘特图实例还是比较多的,而且这些甘特图不只是显示,还可以自己手动的变动,由于我需要用的只是显示,所以如果用的话我还需要查一下怎样可以让其不能变动。

        将这个文件解压后复制到项目中,在examples文件夹下有好多例子,我对这个控件的学习就是通过这些一个一个demo进行的。

        我需要用到的大概是这样一个甘特图:


不过不同的是最左边的名字显示的是您所选择的日期,而右边蓝色的条条所代表的是,您在机房逗留的时间,这样就有一个问题了。和数据有关的js代码是这样的:

这里涉及到一个格式:josn格式,就是类似于k-v格式我感觉,不过这个是一个2维数组。

        在js中与数据库动态的交互,这个我查了半天没有查到,或者说查到了,但是涉及到的东西现在还没有学到,那么怎样将这个实现呢?

        通过查看别的例子,我发现这些数据可以以一种格式放到js文件中(josn格式),然后进行读取。

上面的是timegap.js里面读取data.js里面数据的代码,现在需要做的就是在某一个过程里面,将读取到的数据写入这个data.js文件里面,不过需要注意格式。

下面是写入josn格式的代码,不过这样写入文件后是一行,不知道为什么这样不可以!?(求解决)后来我是采用手动控制的方式写入的。