wsxssgg
- 浏览: 5809 次
- 性别:
- 来自: 重庆
-
最新评论
文章列表
// 无效
graph.setEnabled(false);
// 连接
graph.setConnectable(true);
// 提示信息
graph.setTooltips(true);
// 右键移动容器坐标轴
graph.setPanning(true);
// 容器大小自适应
graph.setResizeContainer(true);
// 鼠标框选
new mxRubberband(graph);
// 动态改变样式
graph.getView().updateStyle = true;
// 重复连接
graph.setMultigraph(false);
...
Dynamicloading - Loading graph model data dynamically to limit the number of cells in the model.
动态加载图形
http://localhost/mxgraph/javascript/examples/dynamicloading.html
function main(container)
{
...
// Line: 51
// 添加点击事件监听
graph.addListener(mxEvent.CLICK, function(sender, evt)
{
...
什么是mxGraph
mxGraph是一套开发工具库，主要用于图表图形的显示交互，比如工作流建模。支持的技术有：Java JavaScript PHP .NET。这里只选择JavaScript方向学习
下载地址：http://www.jgraph.com/mxdownload.html
中文手册：http://www.mxgraph.cn/doc/mxgraph
如何使用
在HTML页面加载mxGraph核心js文件即可使用mxGraph所有功能，几乎所有的js工具库都是这样使用的（JQuery ExtJs...）。
下载mxGraph并解压
mxGraph/javascript/src ...
Codec - Dynamically creating a graph from XML and encoding the model into XML, as well as changing the default style for edges in-place.
编码／解码器 可以将graph对象和xml相互转换
http://localhost/mxgraph/javascript/examples/codec.html
...
// Line: 41
// 取得div中的text
var xml = mxUtils.getTextContent(container); ...