(转)Silverlight 与 JS交互

 

转自 http://www.cnblogs.com/wt616/archive/2011/10/08/2201987.html

1、Silverlight直接调用JS的函数:

这个很简单,只要在HTML中定义好JS函数,然后在Silverlight中调用:HtmlPage.Window.Invoke("函数名",para1,para2...);即可。

其中第一个参数为string型的函数名,与JS中的函数要一致,后面的为参数,取决于JS中函数的定义。

2、JS中引用Siverlight的对象(C#对象),并获取对象的属性、调用对象的函数:

思路为:定义C#对象——》实例化对象——》将实例以某一个ID作为Key注册到JS中——》JS载入时需要获取Silverlight的Host,其中包含了所有由C#注册的对象实例,凭借ID获取即可。

注意:需要对JS暴露的函数或者属性前,要标记[ScriptableMemberAttribute]属性,如果想偷懒,可以直接在类头标记[ScriptableType]属性

例:

  1、定义C#对象:

(转)Silverlight 与 JS交互
(转)Silverlight 与 JS交互
     [ScriptableType]
public class MyJSClass
{
      private string[] list;
            public MyJSClass()
{
list = new string[10];
for (int i = 0; i < list.Length; i++)

{
list[i] = "wangtao" + i;
}
}

//[ScriptableMemberAttribute]
public int Length
{
get
{
return list.Length;
}
}

[ScriptableMemberAttribute]
public string getStr(int index)
{
return list[index];
}
}
(转)Silverlight 与 JS交互
(转)Silverlight 与 JS交互

2、实例化,并注册:

HtmlPage.RegisterScriptableObject("abc", new MyJSClass());

  这里abc就是ID,在JS代码中必须根据这个ID来找到对象实例。

3、JS载入时需要获取Silverlight的Host

  在JS中定义一个全局变量:

  var control = null;这个是对Silverlight宿主的引用,因为可能多个JS函数都要用到它,所以作为全局变量。

  在HTML中,找到<object></object>标记对,添加一个param:

    (自己试验是在aspx页面添加才好使)

  <param name="onLoad" value="plugInLoaded"/>

  并在JS部分添加对应的载入函数:

  

(转)Silverlight 与 JS交互
(转)Silverlight 与 JS交互
 function plugInLoaded(sender, args) {
control = sender.getHost();//获取宿主
try {
var i = 0;
var len = control.Content.abc.Length;
var result = null;
var str = "";
for (i = 0; i < len; i++ ) {
result = control.Content.abc.getStr(i);
str += result + "\n";
}
alert(str);
}
catch (e) {
alert(e);
}
}
(转)Silverlight 与 JS交互
(转)Silverlight 与 JS交互

这个例子中,我在载入页面后,获取了宿主,并立刻调用了C#对象实例,一般情况下,只需保留 “control = sender.getHost();//获取宿主” 即可,至于C#对象则等到需要调用的JS函数中使用即可。

这样,通过上述的方法,可以无缝实现Silverlight调用JS和JS调用C#对象了,许多JS有而Silverlight没有的功能就可以利用这点来实现了。

(转)Silverlight 与 JS交互

上一篇:css 包含的图片和style="display:none"可以避免图片加载,可以节省网络流量


下一篇:MVC4做网站后台:用户管理 ——用户组