一步一步学Silverlight 2系列(22):在Silverlight中如何用JavaScript调用.NET代码_转载...
概述
Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython,对JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步学Silverlight 2系列》文章将从Silverlight 2基础知识、数据与通信、自定义控件、动画、图形图像等几个方面带您快速进入Silverlight 2开发。
Silverlight中内置了对于HTML、客户端脚本等的支持。上一篇介绍在Silverlight中调用JavaScript,本文我将介绍在Silverlight中如何用JavaScript调用.NET代码。
使用RegisterScriptableObject
在Silverlight 2中提供了如下两个类型:
ScriptableMemberAttribute:允许我们在Silverlight把成员暴露给Script。
ScriptableTypeAttribute:允许我们在Silverlight把类型暴露给Script。
同时HtmlPage提供了RegisterCreateableType和RegisterScriptableObject方法,用来注册可被脚本使用的类型或者对象实例。有了上面这些,就可以做到在JavaScript中调用Silverlight。
看一个简单的示例,在这个示例中,我们期望通过JavaScript传递两个参数给Silverlight中的方法,由该方法计算出结果后显示在Silverlight中,如图所示:
首先我们编写在Silverlight中的界面布局:
<StackPanel Background="#CDFCAE" Orientation="Horizontal"><Border CornerRadius="10" Width="100" Height="40" Margin="50 10 0 0"><TextBlock Text="结果显示:" FontSize="20" Foreground="Red"></TextBlock></Border><Border CornerRadius="10" Background="Green" Width="300" Height="40"><TextBlock x:Name="result" FontSize="20" Foreground="White"Margin="20 5 0 0"></TextBlock></Border> </StackPanel>
并在加载时注册一个脚本可调用的当前页面实例:
private void UserControl_Loaded(object sender, RoutedEventArgs e) {HtmlPage.RegisterScriptableObject("Calculator", this); }
编写一个Add方法,该方法将在JavaScript中被调用,必须为public,用ScriptableMember特性暴露给脚本。
[ScriptableMember] public void Add(int x, int y) {int z = x + y;this.result.Text = String.Format("{0} + {1} = {2}", x, y, z); }
现在编写测试页中的内容,提供输入的input控件:
<div class="main"><input id="txt1" type="text" /><input id="txt2" type="text" /><input id="Button1" type="button" value="确 定"/> </div>
编写JavaScript调用Silverlight中的方法,获取Silverlight插件,Calculator就是我们刚才所注册的实例:
<script type="text/javascript">function callSilverlight(){var slPlugin = $get('Xaml1');slPlugin.content.Calculator.Add($get('txt1').value,$get('txt2').value);} </script>
在按钮单击事件中调用该方法
<input id="Button1" type="button" value="确 定" onclick="callSilverlight()" />
运行后结果:
输入两个数后显示出结果:
使用RegisterCreateableType
现在我们再看一下如何使用RegisterCreateableType。对上面的示例做一些简单的改动,在Silverlight项目中添加一个Calculator类,需要给它加上ScriptableType特性:
[ScriptableType] public class Calculator {[ScriptableMember]public int Add(int x, int y){return x + y;} }
在页面加载时修改为如下代码,指定一个别名和要注册的类型:
HtmlPage.RegisterCreateableType("calculator", typeof(Calculator));
这样在JavaScript中就可以这样进行调用了,先创建一个之前注册为ScriptableType的实例,再调用它的相关方法:
<script type="text/javascript">function callSilverlight(){var slPlugin = $get('Xaml1');var cal = slPlugin.content.services.createObject("calculator");alert(cal.Add($get('txt1').value,$get('txt2').value));} </script>
运行结果如下,没有问题:
结束语
本文介绍了如何在JavaScript中调用Silverlight,通过前面几篇文章的介绍,如对DOM的操作、在Silverlight中调用JavaScript、在JavaScript中调用Silverlight等,可以看到,Silverlight与浏览器之间交互有着很好的支持,后面将继续介绍其它内容。
转载出处声明:
作者:TerryLee
出处:http://terrylee.cnblogs.com
原文链接:http://www.cnblogs.com/Terrylee/archive/2008/03/13/Silverlight2-step-by-step-part22-calling-dotnet-code-from-javascript.html
转载于:https://www.cnblogs.com/ZhangHuaning/archive/2010/04/20/1716245.html
一步一步学Silverlight 2系列(22):在Silverlight中如何用JavaScript调用.NET代码_转载...相关推荐
- 一步一步学Silverlight 2系列(22):在Silverlight中如何用JavaScript调用.NET代码
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
- python封装类在当前文件中使用_name_下调用不了_学python中对于类怎么也不明白,对了是看到简明教程11章,类与变量的对象....想要通俗易懂的答案....
代码(简明python教程第11章,感觉看懂了大半但是其中我没调用的为什么也有...谢谢!!!):#coding:utf-8#数据结构好抽象啊..#python的空格制表位,是灾难的开始啊#init制 ...
- Silverlight入门系列]使用MVVM模式
[Silverlight入门系列]使用MVVM模式(9): 想在ViewModel中控制Storyboard动画? (2011-09-07 16:12) [Silverlight入门系列]使用MVVM ...
- Net程序员学用Oracle系列(1):导航目录
原文:https://www.cnblogs.com/hanzongze/p/oracle-catalog.html .Net程序员学用Oracle系列(1):导航目录 .Net程序员学用Oracle ...
- SAP ABAP 调用事务代码并跳过第一步
有时候可能需要在程序中双击alv界面 调用事务代码 然后进入界面 可以使用SET PARAMETER ID 'XXX' 然后 CALL TRANSACTION 'XXX' *设置参数 (参数的ID ...
- 一步一步学Silverlight 2系列(3):界面布局
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
- 一步一步学Silverlight 2系列(10):使用用户控件
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
- 一步一步学Silverlight 2系列(24):与浏览器交互相关辅助方法
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
- 一步一步学Silverlight 2系列(18):综合实例之RSS阅读器
概述 Silverlight 2 Beta 1版本发布了,无论从Runtime还是Tools都给我们带来了很多的惊喜,如支持框架语言Visual Basic, Visual C#, IronRuby, ...
最新文章
- ZEGO即构科技携小程序连麦直播方案亮相GMIC
- sql server 数据库备份方案
- hibernate 延迟加载的错误 failed to lazily initialize a collection of role
- 10-10-020-简介-kafka的ZK上面的存储
- Python 到底是怎么火起来的??网友:真的值!
- UNIX文件系统概述
- linux系统——hadoop环境搭建
- Detectron2安装教程
- 吴伯凡-认知方法论-消极数据的力量
- vue3前端获取文件md5码
- RGB转CMY最简单的方法
- 跟李沐学AI:实用机器学习 | 第九章
- 解决思科 Cisco Packet Tracer 7.3登录问题
- 2022秋季 电影&书单
- rest-work-eat-study-rest-work-eat or rest-rest-work-work-eat-eat..
- 腿式机器人激光SLAM系统
- 【回归预测-BP预测】基于灰狼算法优化BP神经网络实现数据回归预测附matlab代码
- Windows电脑重装系统亲身经历
- Arduino core for ESP8266 安装失败问题处理方法
- openWRT 系统安装 Web服务器,OpenWRT高级应用之 Web环境搭建(Nginx+Php)
热门文章
- Access数据库访问助手类
- Linux NB的单行命令
- android 源码各版本下载 原生纯净版
- Ubuntu14.04 更新源 方法 提升更新的下载速度
- cdh sqoop 配置_相比于手动搭建集群,使用Ambari或者CDH的必要性
- python多线程并行编程_Python并行编程(二):基于线程的并行
- 不存在从node到node*的适当转换函数_C++构造函数和初始化表
- 试题 历届试题 包子凑数(dp)
- 1470: 区间求最值(RMQ问题,ST算法模板)
- 牛!江苏老人用AIoT技术管理千亩良田