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

ASP.NET
asp.net SqlParameter关于Like的传参数无效问题
数据库 数据类型float到C#类型decimal, float数据类型转化无效
google suggest 下拉菜单实现代码(asp.net版本)
asp.net(C#) 动态添加非ASP的标准html控件(如添加Script标签)
asp.net GridView导出到Excel代码
asp.net 开发的一些常用技巧
php 三级联动菜单
ASp.net 文本框(TextBox)计算,判断输入的是否是数字
asp.net 存储过程调用
asp.net 操作XML 按指定格式写入XML数据 WriteXml
asp.net连接数据库 增加,修改,删除,查询代码
VB.net 查询获取数据库数据信息
asp.net 删除,更新数据库方法
.net获取硬件信息_CPU序列号
ASP.NET 页面中动态增加的控件、添加事件
彻底解决ASP.NET MD5加密中文结果和ASP不一致的问题
asp.net结合aspnetpager使用SQL2005的存储过程分页
asp.net 用户控件读取以及赋值
asp.net 弹出警告窗口实现代码
asp.net 枚举文件里面的数字绑定到DropDownList里面去

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-13   浏览: 63 ::
收藏到网摘: 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 。