【MOSS 2010】 如何开发一个自定义的WebPart来承载Silverlight应用程序

在 MOSS 2010：Visual Studio 2010开发体验（8）——Silverlight应用 这篇文章中，我介绍到了在MOSS 2010中提供的对Silverlight支持。它默认提供了一个Silverlight WebPart可以很方便地显示我们的Silverlight应用程序

但是也有些朋友问到，如果我们要自己开发一个WebPart实现类似的功能，那么该怎么做呢？

【备注】我并不认为这是必须要做的事情，因为我觉得默认那个WebPart绝大部分都能满足要求。

 

如果你确实需要定制自己的WebPart，那么请继续往下读

第一步：创建Silverlight应用程序，并将其编译的结果复制到一个特殊的目录

这个目录是：C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\LAYOUTS\ClientBin

本例中，我做了一个最简单的Silverlight程序。只有一个按钮。

 

第二步：创建SharePoint Visual WebPart项目

在那个ascx文件中，添加如下的内容

    <style type="text/css">

    html, body {

        height: 100%;

        overflow: auto;

    }

    body {

        padding: 0;

        margin: 0;

    }

    #silverlightControlHost {

        height: 100%;

        text-align:center;

    }

    </style>

    

    <script type="text/javascript">

        function onSilverlightError(sender, args) {

            var appSource = "";

            if (sender != null && sender != 0) {

                appSource = sender.getHost().Source;

            }



            var errorType = args.ErrorType;

            var iErrorCode = args.ErrorCode;



            if (errorType == "ImageError" || errorType == "MediaError") {

                return;

            }



            var errMsg = "Unhandled Error in Silverlight Application " + appSource + "\n";



            errMsg += "Code: " + iErrorCode + "    \n";

            errMsg += "Category: " + errorType + "       \n";

            errMsg += "Message: " + args.ErrorMessage + "     \n";



            if (errorType == "ParserError") {

                errMsg += "File: " + args.xamlFile + "     \n";

                errMsg += "Line: " + args.lineNumber + "     \n";

                errMsg += "Position: " + args.charPosition + "     \n";

            }

            else if (errorType == "RuntimeError") {

                if (args.lineNumber != 0) {

                    errMsg += "Line: " + args.lineNumber + "     \n";

                    errMsg += "Position: " + args.charPosition + "     \n";

                }

                errMsg += "MethodName: " + args.methodName + "     \n";

            }



            throw new Error(errMsg);

        }

    </script>



    <div id="silverlightControlHost">

        <object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">

        <param name="source" value="_layouts/clientbin/demo.xap"/>

          <param name="onError" value="onSilverlightError" />

          <param name="background" value="white" />

          <param name="minRuntimeVersion" value="3.0.40818.0" />

          <param name="autoUpgrade" value="true" />

          <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40818.0" style="text-decoration:none">

               <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style:none"/>

          </a>

        </object><iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe></div>

 

 

第三步：部署该解决方案，检查结果

 

总结

我们发现，要自己开发一个WebPart来承载Silverlight应用程序，非常容易。