Silverlight与JS交互
2014-01-13 16:01
681 查看
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#对象:
2、实例化,并注册:
这里abc就是ID,在JS代码中必须根据这个ID来找到对象实例。
3、JS载入时需要获取Silverlight的Host
在JS中定义一个全局变量:
var control = null;这个是对Silverlight宿主的引用,因为可能多个JS函数都要用到它,所以作为全局变量。
在HTML中,找到<object></object>标记对,添加一个param:
<param name="onLoad" value="plugInLoaded"/>
并在JS部分添加对应的载入函数:
这个例子中,我在载入页面后,获取了宿主,并立刻调用了C#对象实例,一般情况下,只需保留 “control = sender.getHost();//获取宿主” 即可,至于C#对象则等到需要调用的JS函数中使用即可。
这样,通过上述的方法,可以无缝实现Silverlight调用JS和JS调用C#对象了,许多JS有而Silverlight没有的功能就可以利用这点来实现了。
转自:http://www.cnblogs.com/wt616/archive/2011/10/08/2201987.html
这个很简单,只要在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:
<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没有的功能就可以利用这点来实现了。
转自:http://www.cnblogs.com/wt616/archive/2011/10/08/2201987.html
相关文章推荐
- js 阻止冒泡
- 如何判断Javascript对象是否存在
- JSP脚本中的九大内置对象详解(上)
- JSP脚本中的九大内置对象详解(上)
- JavaScript兼容性问题收集
- javascript prototype 详解
- js 全世界最短的IE浏览器判断代码
- js正则数字验证
- jsp 多Filter配置
- javascript的几种时间格式
- js实现文字逐个显示的打字特效,有需要改进的地方
- .net与js网页弹出子窗并带回子窗中的特定值
- JS学习笔记1数值
- 处理ExtJs记录修改并刷新后,再次点修改记录不变的问题
- JS禁用浏览器的退格键
- ajax获取json格式 二级联动下拉菜单
- Extjs中GridSummary实现EditorGridPanel的合计功能
- 通过JS模拟select表单,达到美化效果[demo]
- Extjs——初步学习
- js字符串常用判断方法