今天跟同事讨论一个关于Visio Web Part的问题。需求大抵是这样的：在SharePoint文档库中有一系列已经发布的Visio图形，我想在页面中动态的根据一些逻辑来显示出来。我希望是通过JavaScript的代码实现。

首先第一个问题，在页面中显示Visio图形。这个比较简单，SharePoint 2010中提供了Visio Web Access这个web Part控件。你可以通过指定Web Part的属性，来轻松显示Visio图形。

第二个问题，动态显示，这个问题稍微有些难度。因为Visio Web Access中的Visio图形的地址已经提前指定好了。怎么办呢？幸运的是，在SharePoint 2010中，增加了Visio Services Class Library，这是一些列封装好了的JavaScipt。其中提供了针对Visio的类，如下图：(具体参考：http://msdn.microsoft.com/en-us/library/ee557781.aspx)

我们这里使用的是Vwa.VwaControl.openDiagram() 方法来实现动态加载Visio图形的需求。

逻辑：逻辑并不复杂。就是在visio 图形加载完毕之后重新制定一个新的Visio图形的URL；

技术实现：使用Visio Web Access + 内容编辑web部件。

具体操作：

1. 通过IE Developer来检查一下当前页面的Visio图形所在的Web Part的ID。

2.在本地的文本文件中写处理逻辑的代码，然后上传到文档库。代码如下：

<script type="text/javascript">
Sys.Application.add_load(onApplicationLoad);

var webPartElementID = "WebPartWPQ2";
var vwaControl;
function onApplicationLoad() {
        try{            
                vwaControl= new Vwa.VwaControl(webPartElementID)                    
                vwaControl.addHandler("diagramcomplete", onDiagramComplete);                  
        }
        catch(err){
        }
}

function onDiagramComplete() {
        try{            
                vwaControl.openDiagram("http://servername:port/DocLibA/Drawing2.vdw");
                vwaControl.removeHandler("diagramcomplete",onDiagramComplete);    
        }
        catch(err){
        }
}

</script>

3.页面中添加内容编辑Web部件，并且指定“内容链接(Content Link)”属性到刚刚上传到文档库的js文件。

保存测试效果。

当然我这里仅仅完成需求的一部分。剩余的部分，就是如何去处理并且形成“vwaControl.openDiagram（）”的参数。