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#对象：

　　　　 [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];
            }
        }

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部分添加对应的载入函数：

　　

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

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

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