Silverlight和javascript的相互调用【转】

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");