概述

Silverlight 2 Beta 1版本發(fā)布了，無(wú)論從Runtime還是Tools都給我們帶來(lái)了很多的驚喜，如支持框架語(yǔ)言Visual Basic, Visual C#, IronRuby, Ironpython，對(duì)JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步學(xué)Silverlight 2系列》文章將從Silverlight 2基礎(chǔ)知識(shí)、數(shù)據(jù)與通信、自定義控件、動(dòng)畫(huà)、圖形圖像等幾個(gè)方面帶您快速進(jìn)入Silverlight 2開(kāi)發(fā)。

Silverlight中內(nèi)置了對(duì)于HTML、客戶(hù)端腳本等的支持。上一篇介紹在Silverlight中調(diào)用JavaScript，本文我將介紹在Silverlight中如何用JavaScript調(diào)用.NET代碼。

使用RegisterScriptableObject

在Silverlight 2中提供了如下兩個(gè)類(lèi)型：

ScriptableMemberAttribute：允許我們?cè)赟ilverlight把成員暴露給Script。

ScriptableTypeAttribute：允許我們?cè)赟ilverlight把類(lèi)型暴露給Script。

同時(shí)HtmlPage提供了RegisterCreateableType和RegisterScriptableObject方法，用來(lái)注冊(cè)可被腳本使用的類(lèi)型或者對(duì)象實(shí)例。有了上面這些，就可以做到在JavaScript中調(diào)用Silverlight。

看一個(gè)簡(jiǎn)單的示例，在這個(gè)示例中，我們期望通過(guò)JavaScript傳遞兩個(gè)參數(shù)給Silverlight中的方法，由該方法計(jì)算出結(jié)果后顯示在Silverlight中，如圖所示：

?

首先我們編寫(xiě)在Silverlight中的界面布局：

<StackPanel Background="#CDFCAE" Orientation="Horizontal"><Border CornerRadius="10" Width="100" Height="40" Margin="50 10 0 0"><TextBlock Text="結(jié)果顯示：" 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>

并在加載時(shí)注冊(cè)一個(gè)腳本可調(diào)用的當(dāng)前頁(yè)面實(shí)例：

private void UserControl_Loaded(object sender, RoutedEventArgs e) {HtmlPage.RegisterScriptableObject("Calculator", this); }

編寫(xiě)一個(gè)Add方法，該方法將在JavaScript中被調(diào)用，必須為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); }

現(xiàn)在編寫(xiě)測(cè)試頁(yè)中的內(nèi)容，提供輸入的input控件：

<div class="main"><input id="txt1" type="text" /><input id="txt2" type="text" /><input id="Button1" type="button" value="確 定"/> </div>

編寫(xiě)JavaScript調(diào)用Silverlight中的方法，獲取Silverlight插件，Calculator就是我們剛才所注冊(cè)的實(shí)例：

<script type="text/javascript">function callSilverlight(){var slPlugin = $get('Xaml1');slPlugin.content.Calculator.Add($get('txt1').value,$get('txt2').value);} </script>

在按鈕單擊事件中調(diào)用該方法

<input id="Button1" type="button" value="確 定" onclick="callSilverlight()" />

運(yùn)行后結(jié)果：

?

輸入兩個(gè)數(shù)后顯示出結(jié)果：

?

使用RegisterCreateableType

現(xiàn)在我們?cè)倏匆幌氯绾问褂肦egisterCreateableType。對(duì)上面的示例做一些簡(jiǎn)單的改動(dòng)，在Silverlight項(xiàng)目中添加一個(gè)Calculator類(lèi)，需要給它加上ScriptableType特性：

[ScriptableType] public class Calculator {[ScriptableMember]public int Add(int x, int y){return x + y;} }

在頁(yè)面加載時(shí)修改為如下代碼，指定一個(gè)別名和要注冊(cè)的類(lèi)型：

HtmlPage.RegisterCreateableType("calculator", typeof(Calculator));

這樣在JavaScript中就可以這樣進(jìn)行調(diào)用了，先創(chuàng)建一個(gè)之前注冊(cè)為ScriptableType的實(shí)例，再調(diào)用它的相關(guān)方法：

<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>

運(yùn)行結(jié)果如下，沒(méi)有問(wèn)題：

?

結(jié)束語(yǔ)

本文介紹了如何在JavaScript中調(diào)用Silverlight，通過(guò)前面幾篇文章的介紹，如對(duì)DOM的操作、在Silverlight中調(diào)用JavaScript、在JavaScript中調(diào)用Silverlight等，可以看到，Silverlight與瀏覽器之間交互有著很好的支持，后面將繼續(xù)介紹其它內(nèi)容。

作者：TerryLee
出處：http://terrylee.cnblogs.com?
本文版權(quán)歸作者和博客園共有，歡迎轉(zhuǎn)載，但未經(jīng)作者同意必須保留此段聲明，且在文章頁(yè)面明顯位置給出原文連接，否則保留追究法律責(zé)任的權(quán)利。 分類(lèi):?[03]??銀光點(diǎn)亮世界

轉(zhuǎn)載于:https://www.cnblogs.com/meimao5211/p/3427940.html

總結(jié)

以上是生活随笔為你收集整理的一步一步学Silverlight 2系列（22）：在Silverlight中如何用JavaScript调用.NET代码的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。