当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > Silverlight融合ajax实现前后台数据交互

ASP.NET
二级域名Cookie问题的解决方法
如何为asp.net网站项目添加子项目
asp.net用url重写URLReWriter实现任意二级域名
asp.net 序列化and反序列化演示
asp.net Timer的使用方法
AjaxControlToolKit DropDownExtender(下拉扩展控件)使用方法
AjaxControlToolKit CalendarExtender(日历扩展控件)的使用方法
让GridView只显示特定用户的数据的方法
让GridView只更新某些特定的数据的方法
ajaxControlToolkit中CascadingDropDown的用法说明
axp.net ScriptManager的简单用法
把程序集安装到全局程序集缓存中的步骤
引用全局程序集缓存内的程序集的方法
asp.net COOKIES需要注意的一点
asp.net UrlReWriter使用经验小结
页面导出为Excel的时间格式的问题
asp.net cookie清除的代码
Asp.net XMLHTTP封装类(GET,Post发送和接收数据)
ASP.NET XmlHttp跨域访问实现代码
Asp.NET 随机码生成基类(随机字母,随机数字,随机字母+数字)

ASP.NET 中的 Silverlight融合ajax实现前后台数据交互


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-13   浏览: 70 ::
收藏到网摘: n/a

两年前Silverlight 还未起名,故事发生在WPF/E 的年代里。07年8月在中软实习时,我承担起了在. Net 中嵌入WPF/E 的任务,目的是增强用户体验。 事出偶然,本来公司强调的是用WCF 做项目审批流程,WPF /E 增强用户体验;由于个人的无知与偷懒,我产生了天真的想法:用WPF/E 来做审批流程,这不是一举两得吗。
下面介绍的就是用Silverlight (微软在07 年9 月将WPF/E 更名为Silverlight )融合ajax 做的审批流程。界面上的审批流程从下向上包括3部分,部门审批,科技处审批,厂长审批。实现的功能是可以定制审批流程,比如审批流程是部门审批--> 厂长审批,也可以定制成科技处审批--> 厂长审批。定制的数据存在后台xml 文件中。
前台Silverlight 表现层语言xaml , 后台服务器脚本语言C# ,数据存储格式xml ,中间数据传输技术ajax 。
.Net中嵌入Silverlight Page 的方法是在aspx 中调用js 函数传递xaml 文件相对于服务器的路径,如下:
复制代码 代码如下:

<div style="width: 662px;height: 622px" id="SilverlightControlHost" >
<script type="text/javascript"><!--
createsL( 'workflow.xaml' );
// --></script>
</div>

函数调用Silverlight 的createObjectEx 方法指定xaml source 、parentElement 、events 等,相应代码如下:
复制代码 代码如下:

function createSL(xamlpage)
{
Silverlight.createObjectEx({
source: xamlpage,
parentElement: document.getElementById("SilverlightControlHost"),
id: "SilverlightControl",
properties: {
width: "100%",
height: "100%",
version: "1.1",
enableHtmlAccess: "true"
},
events: {
onLoad:OnLoaded
}
});
// Give the keyboard focus to the Silverlight control by default
document.body.onload = function() {
var silverlightControl = document.getElementById('SilverlightControl');
if (silverlightControl)
silverlightControl.focus();
}
}

还要做的工作是在xaml 后台cs 文件中[ Scriptable ] 表现层WPF 类(当初是Cavas),将该类注册为可脚本化对象(RegisterScriptableObject)和可脚本化event ,并且在js 的events 设定表现层中的event ,实现方法如下:
xaml代码:
[Scriptable]
复制代码 代码如下:

public partial class workflow : Canvas
{
public workflow()
{
WebApplication.Current.RegisterScriptableObject("wpfe", this);
}
......
[Scriptable]
public event EventHandler workflowFunc;
}

js代码:
复制代码 代码如下:

function OnLoaded(sender,args)
{
sender.Content.wpfe.workflowFunc = onWorkflow;
}

另外,如果js 调用xaml 中的可脚本化函数的方法是
var control = document.getElementById("SilverlightControl");
var onReturnWfResult = control.Content.wpfe;
将xaml 中数据传输给后台处理就用到ajax 技术了,在本例中是在onWorkflow 事件中定义XMLHttpRequest,然后通过该ajax 对象将数据传递到后台。该例中的后台脚本语言是C# ,数据接收方法是Request.Params 。