mxgraph 的初步介绍与开发入门

mxgraph是一个用于画流程图的前台框架，目前没有中文的API，但要学习它也不是很难，我们可以参考它的包中自带的实例。那些实例基本上包括了你所需要的各种应用。
并且，通过实例你就可以发现它到底有哪些方面的应用。其中最经典的就是我目前正在做的用ext和mxgraph结合开发画流程图并并可生成xml文件发布的系统。
mxgraph的开发入门：
步骤一：
将mxgraph\javascript目录下的src文件夹、mxgraph\javascript\examples下的editors和images文件夹拷入工程的WebContent目录下，再把mxgraph\javascript\examples下的所有例子放入工程的WebContent目录下。
下载附件中的包，解压缩后的三个文件同样放入WebContent目录下。（此包实现了mxgraph的本地化）
步骤二：
更改例子的头文件：
找到如下代码

将其改为本地的目录位置：

然后即可查看例子并试着修改。
步骤三：
extJs与mxgraph的结合
在头文件中加载ext的包如下:

理解以下一段内容：
extJs跟mxgraph一样都是一种前台框架，可以混着用，关键是研究他们怎么结合。
这里我们要看的例子是extjs.html

function main(container)
graph = new mxGraph(container);
el:'hello-win',


			

这几句说明mxgraph是将html的页面元素

当做一个容器（container），并在此容器中画图的，而extJs也是将此容器包装成一个window的，因此页面的

容器就是它们的结合点。
这样就可以结合二者来编写流程图插件了
并且mxgraph的button对象可直接用在extJs的items[]中。
***************情人节不快乐的分割线****************************
失恋很痛苦，求安慰，求交流。。。