Silverlight和javascript的相互调用【转】

http://winsystem.ctocio.com.cn/285/12155785.shtml

作者：千禧牛出处：博客2011-09-09 06:56

1.javascript调用silverlight 首先在silverlight的C#代码中定义一个public方法 /// summary /// 地图查询 /// /summary /// param name=keyword/param [ScriptableMember] public void QuerySQL( string keyword) { myMapTools.QuerySQL(keyword); } ……

 

　　1.javascript调用silverlight

　　首先在silverlight的C#代码中定义一个public方法

 

以下是代码片段：
/// <summary> 
/// 地图查询 
/// </summary> 
/// <param name="keyword"></param> 
[ScriptableMember] 
public void QuerySQL(string keyword) 
{ 
myMapTools.QuerySQL(keyword); 
}

 

　　并且该类的头部 加属性

　　[ScriptableType()]

　　在构造函数中加入

　　HtmlPage.RegisterScriptableObject("Map", this);

　　最后 在js代码中调用

 

以下是代码片段：
//查询 
var slcontrol=null; 
function QuerySQL(keyword) { 
if (slcontrol == null) { 
var slcontrol = document.getElementById('silverlightControl'); 
} 
slcontrol.content.Map.QuerySQL(keyword); 
}

 

　　slcontrol.content.Map中的Map即是 HtmlPage.RegisterScriptableObject("Map", this);注册的Map,我们取

　　自己想要的名字就行了.

　　'silverlightControl' 为silverlight的标签的<object>ID

    2.silverlight调用javascript

 

以下是代码片段：
    //调用js 
　　HtmlPage.Window.Invoke("test", "Invoke");

 

　　test 为js函数

　　silverlight修改dom元素属性

　　比如页面中有一个文本框:<input type="text" id="txtTarget" name="txtTarget" />

　　HtmlPage.Document.GetElementById("txtTarget").SetAttribute("value", "Silverlight");

　　HtmlPage.Document.GetElementById("txtTarget").SetProperty("value", "Silverlight");