全国统一热线:
028-86758058
18980748058
购买流程
付款方式
常见问题
在线提问
续租服务
购物车(
0
件)
用户名:
密 码:
记住
首 页
HOME
域名注册
DOMAIN
虚拟主机
WEB HOST
成品网站超市
AUTO Site
VPS主机
VPS SERVER
云 主 机
CLOUD HOST
租用托管
SERVER
海外主机
HK HOST
代理专区
AGENT
客服中心
SERVICE
站长教程
SERVICE
欢迎光临西部数据云计算中心,我们将竭诚为您提供最优质的服务!
中文域名
域名转入
域名转出
DNS管理
动态域名
获取域名证书
域名停放
域名过户
集群主机
双线主机
基本主机
港台主机
论坛主机
Linux主机
Vip合租主机
超G型主机
ASP.net主机
Java主机
智能建站主机
网店主机
美国主机
数据库
成品网站超市
智能建站主机
集群VPS主机
国内VPS主机
香港VPS主机
美国VPS主机
云主机介绍
云主机购买
服务器租用
主机托管
常见问题
香港主机
港台主机
美国主机
国内免备案
步骤流程
代理级别
代理合同
代理模式
代理优势
在线申请
产品列表
常见问题
代理商分布图
常见问题
有问必答
跟踪提问
购买流程
产品价格
付款方式
常用软件
网站备案
续租服务
汇款确认
相关文档
联系我们
域名资讯
主机资讯
行业动态
网页制作
php教程
mysql教程
域名资讯
云计算资讯
网络编程
您当前的位置:
首页
>
网络编程
>
Net教程
Silverlight融合ajax实现前后台数据交互
时间:2015-01-29 来源:互联网 作者:佚名
事出偶然,本来公司强调的是用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 。
来顶一下
返回首页
推荐资讯
.NET 动态编译
这在很大程度上给我们提供了另外一种扩展的方式(当然这并不
C# 动态编译、动态执行、动态调试
在此基础上我做了一些封装,为使调用更加简单,并增加了对动
相关文章
jQuery+Ajax用户登录功能的实现
asp.net AjaxControlToolKit--TabContainer控件的介绍
ASP.NET AJAX 4.0的模版编程(Template Programming)介
如何创建一个AJAXControlToolKit的扩展控件
asp.net jQuery Ajax用户登录功能的实现
ajaxpro.dll 控件实现异步刷新页面
asp.net Silverlight中的模式窗体
Silverlight中动态获取Web Service地址
asp.net Silverlight应用程序中获取载体aspx页面参数
解决AJAX.NET中的悬停panel在页面加载时闪烁的问题
栏目更新
栏目热门
返回首页
关于我们
联系我们
付款方式
价格总览
资讯中心
友情链接
媒体关注
有问必答
投诉建议
网站备案
《中华人民共和国增值电信业务经营许可证》编号:川B2-20080058号
官方网址:
xibushuju.com
西部数据
Copyright © 2002~2015
天府快车
版权所有
电话总机:
028-86758058
(50线) 传真:
028-86758058