silverlight,javascript相互調(diào)用

2024-09-06 20:41:33

字體：大中小

供稿：網(wǎng)友

silverlight,javascript相互調(diào)用方法

1，在silverlight調(diào)用javascript函數(shù)

　　用System.Windows.Brower命名空間下的某些silverlight類，你可以調(diào)用一段腳本寫的javascript函數(shù)。這樣就給你的silverlight代碼一個(gè)很有規(guī)律的方式來和頁面交互。

　　比如：你在HTML頁面中有下邊一段javascript函數(shù)

function createText(message,user) {  var el = document.getElementById("myElement");  el.innerHTML = user+" "+message;}

　　silverlight要調(diào)用這個(gè)javascript函數(shù)，首先用HtmlWindow.GetProperty()方法并把javascript的名字傳進(jìn)去來得到一個(gè)ScriptObjcet對(duì) 象，然后在調(diào)用ScriptObjcet對(duì)象的InvokeSelf()方法。調(diào)用InvokeSelf方法時(shí)，可以把javascript函數(shù)的所有參數(shù)都傳進(jìn)去。

ScriptObject scriptObjcet=(ScriptObject)HtmlPage.Window.GetProperty("createText");scriptObjcet.InvokeSelf("Jerry", "Hello Wolrd");

效果

在silverlight調(diào)用javascript函數(shù)

2,在javascript中調(diào)用silverlight方法

　　在javascript中調(diào)用silverlight方法，主要有以下步驟:

１）在silverlight程序中創(chuàng)建一個(gè)公開的方法來暴露你想在web頁面中用的函數(shù)。

２）在方法上邊添加一個(gè)ScriptableMember屬性。

３）在包含這個(gè)方法的類上添加ScriptableType屬性。

４）調(diào)用HtmlPage.RegisterScriptableObject()將這個(gè)方法暴露給javascript。

[ScriptableType()]   public partial class InvokeMethod : UserControl   {       public InvokeMethod()       {           InitializeComponent();           HtmlPage.RegisterScriptableObject("page", this);    }
 
    [ScriptableMember]
    public void ChangeText(string newText)
    {
        txbTest.Text="It's invoking by JavaScript "+newText;
    }

　　注冊一個(gè)腳本化類型時(shí)需要指定一個(gè)名稱并傳遞一個(gè)合適對(duì)象的引用，上邊例子中InvokeMethod被注冊時(shí)的名稱為page.這樣就告訴 silverlight在web頁面的silverlight控件中創(chuàng)建了另一個(gè)叫page的屬性。想調(diào)用這個(gè)方法，javascript需要找到 silverlight控件，獲取到它的內(nèi)容然后調(diào)用它的page.ChangeText()方法。

function updateSilverlightText() {           var ele = document.getElementById("myEle");           ele.content.page.ChangeText("This text has been changed");       }

　　默認(rèn)情況下，VS會(huì)自動(dòng)添加一個(gè)測試頁面，并給包含<object>元素的DIV一個(gè)名稱，但是并沒有給包含在里邊的<object>對(duì)象名稱。你需要自己添加一個(gè)名稱以方便獲取<object>對(duì)象，上邊例子中的<object>對(duì)象名字為myEle。

　　調(diào)用javascript函數(shù)

效果

調(diào)用前在javascript中調(diào)用silverlight方法調(diào)用后

3，瀏覽器中實(shí)例化silverlight對(duì)象

　　和上邊一樣需要?jiǎng)?chuàng)建一個(gè)包含ScriptableMember方法的ScriptableType的類

[ScriptableType]   public class GetRandom   {       private Random rdm = new Random();       [ScriptableMember]       public int GetRandomNumber(int from,int end)       {          return  rdm.Next(from,end);       }   }

　　同樣也需要將這個(gè)類注冊一下，這次需要HtmlPage.RegisterCreateableType()方法

　　創(chuàng)建一個(gè)注冊類的實(shí)例，需要找到silverlight控件并調(diào)用它的ele.content.services.createObject()方法。這個(gè)例子中在javascript中調(diào)用此方法

function getRandom() {           var ele = document.getElementById("myEle");           var r = ele.content.services.createObject("random");           alert("Your number is " + r.GetRandomNumber(1, 56));       }