Asp.net页面中通过Js控制Silverlight显示值

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› ASP.NET›ASP.NET编程经验

原作者: [db:作者] 来自: [db:来源] 收藏邀请

现在需要通过按钮来控制界面上的Silverlight显示的值。其方法如下。

1、首先在Silverlight中UserControl中编写一个js可以访问的方法。注意：此方法要用ScriptableMember特性。

        //编写js访问silverLight 的方法,selectDate为参数
        [ScriptableMember()]
        public void GetTrendChart(string selectDate)
        {
            DateTime tempDate = new DateTime();
            if (string.IsNullOrEmpty(selectDate) || !DateTime.TryParse(selectDate, out tempDate))
            {
                ShowInfo("日期有误");
                return;
            }
               //取得资料,改变silverLight显示值，此处省略CreateTrendChart()的代码。
        　　　　CreateTrendChart(selectDate);
        }

2、在App.xaml中注册此方法。

        //在App.xaml中注册
        private void Application_Startup(object sender, StartupEventArgs e)
        {
                //调用UserControl
                this.RootVisual = new Trend();
                //注册js访问的方法
                System.Windows.Browser.HtmlPage.RegisterScriptableObject("TrendMethod", this.RootVisual);
        }

3.在Aspx页面的调用Silverlight中增加onload事件

            <%--调用siliverlight--%>
            <object data="data:application/x-silverlight-2," type="application/x-silverlight-2"
                width="100%" height="100%">
                <param name="source" value="../ClientBin/Iaddtech.Environmental.Web.Silverlight.xap" />
                <param name="onError" value="onSilverlightError" />
                <param name="background" value="white" />
                <param name="minRuntimeVersion" value="3.0.40818.0" />
                <%--增加Load事件--%>
                <param name="onLoad" value="silverLoaded" />
                <param name="autoUpgrade" value="true" />
                <param name="Windowless" value="true" />
                <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40818.0" style="text-decoration: none">
                    <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight"
                        style="border-style: none" />
                </a>
            </object>

4、编写onload事件。通过onload事件得到siliverlight对象。