栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > C/C++/C#

Silverlight如何与JS相互调用

C/C++/C# 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Silverlight如何与JS相互调用

1.sl调用js

比如我们在页面中定义一个js函数:

sl中可以有二种调用方式:

HtmlPage.Window.CreateInstance("fnTest", "CreateInstance");

或者

HtmlPage.Window.Invoke("fnTest", "Invoke");

运行的效果完全相同,但是建议用Invoke方法,原因是:

CreateInstance是HtmlWindow中定义的方法,而HtmlWindow继承自HtmlObject,再向上找HtmlObject又继承scriptObject,最终调用的还是scriptObject中的Invoke方法,所以用CreateInstance绕来绕去,最终还是绕到了Invoke上,还不如一步到位直接Invoke更高效。


2.sl修改dom元素属性

比如页面中有一个文本框:

sl中同样也有二种方法调用:

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

功能完全相同,同样建议用SetProperty方法,理由同上

3.sl为dom元素附加事件

HtmlPage.document.GetElementById("txtTarget").AttachEvent("focus", new EventHandler(AttachJsMethod));

private void AttachJsMethod(object o, EventArgs e)
{
   HtmlPage.Window.Invoke("fnTest", "silverlight");
}


以上代码将为txtGarget文本框附加onfocus事件处理函数:fnTest

 

4.js调用sl中的方法,属性

sl部分的关键处理是:要在暴露出来的方法/属性前加上[scriptableMember()],参考下面的代码:

[scriptableMember()]
public string Hello(string Msg)
{
    return "Hello ," + Msg;
}


[scriptableMember()]
public void Test(string msg)
{
    MessageBox.Show("From Silverlight:" + msg);
}


private string _myName = "";

[scriptableMember()]
public string MyName { set { _myName = value; } get { return _myName.Length == 0 ? "MyName Test" : _myName; } }

 

这里定义二个方法(一个有返回值,一个没返回值),外加一个属性

 

然后要在App.Xaml.cs中注册类型,参考下面这样:

private void Application_Startup(object sender, StartupEventArgs e)
{
            MainPage mp = new MainPage();
            this.RootVisual = mp;
            HtmlPage.RegisterscriptableObject("myMainPage", mp);

}

 

js中这可以使用了,不过得先给silverlight的object标签加一个参数,参考下面这样:
            width="100%" height="100%">
           
           
           
           
           
           
           
                                     />
           
       


然后定义对应的函数:


为了测试fnClickTest,可以在页面中加一个button,类似这样:

 

说明:SilverlightLoaded会在silverlight控件加载完成时触发,触发完了以后,slCtl这个全局变量就保留了对silverlight的引用,其它地方就能继续调用silverlight中的各种方法和属性了

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/231642.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号