色尼玛亚洲综合影院,亚洲3atv精品一区二区三区,麻豆freexxxx性91精品,欧美在线91

一步一步學(xué)Silverlight :在Silverlight中如何用JavaScript調(diào)用.NET代碼

概述

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

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

使用RegisterScriptableObject

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

ScriptableMemberAttribute:允許我們在Silverlight把成員暴露給Script。

ScriptableTypeAttribute:允許我們在Silverlight把類型暴露給Script。

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

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

TerryLee_Silverlight2_0103 

首先我們編寫在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í)注冊一個(gè)腳本可調(diào)用的當(dāng)前頁面實(shí)例:

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

編寫一個(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)在編寫測試頁中的內(nèi)容,提供輸入的input控件:

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

編寫JavaScript調(diào)用Silverlight中的方法,獲取Silverlight插件,Calculator就是我們剛才所注冊的實(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é)果:

TerryLee_Silverlight2_0103 

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

 TerryLee_Silverlight2_0104

使用RegisterCreateableType

現(xiàn)在我們再看一下如何使用RegisterCreateableType。對(duì)上面的示例做一些簡單的改動(dòng),在Silverlight項(xiàng)目中添加一個(gè)Calculator類,需要給它加上ScriptableType特性:

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

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

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

這樣在JavaScript中就可以這樣進(jìn)行調(diào)用了,先創(chuàng)建一個(gè)之前注冊為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é)果如下,沒有問題:

TerryLee_Silverlight2_0105 

結(jié)束語

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

NET技術(shù)一步一步學(xué)Silverlight :在Silverlight中如何用JavaScript調(diào)用.NET代碼,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 宿州市| 滦南县| 青州市| 民和| 浏阳市| 西宁市| 融水| 勐海县| 龙江县| 焉耆| 高淳县| 青田县| 镇平县| 个旧市| 贵南县| 崇明县| 松滋市| 和平县| 玛多县| 全椒县| 沂南县| 馆陶县| 沂水县| 乡宁县| 广平县| 阿克苏市| 泰安市| 昌图县| 甘德县| 宁南县| 花莲县| 缙云县| 马公市| 天气| 利辛县| 襄汾县| 布尔津县| 息烽县| 怀宁县| 蛟河市| 十堰市|