<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://www.voidcn.com/article/p-wikkwjsv-wq.html
本文出自 51CTO.COM技术博客 总结以上是内存溢出为你收集整理的(22):Silverlight 2 在Silverlight中如何用JavaScript调用.NET代码全部内容,希望文章能够帮你解决(22):Silverlight 2 在Silverlight中如何用JavaScript调用.NET代码所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)