zoukankan      html  css  js  c++  java
  • vs2010 学习Silverlight学习笔记(19):JS调用SL

    概要:

           上篇在SL中调用JS的感觉自己学习的很差,关于JS用的也很简单。这篇是关于在JS中调用.net代码的。

    内容:

        ScriptableMemberAttribute:允许我们在Silverlight把成员暴露给 Script。

    ScriptableTypeAttribute:允许我们在Silverlight把类型暴露给Script。

    [ScriptableMember]//将方法暴漏给js
    public void Add(int x, int y)
    {
        int z = x + y;
        this.result.Text = String.Format("{0} + {1} = {2}", x, y, z);
    }
    [ScriptableType]//将类成员暴漏给js
    public class Calculator
    {
        [ScriptableMember]
        public int Add(int x, int y)
        {
            return x + y;
        }
    }

    使用RegisterScriptableObject

    并在加载时注册一个脚本可调用的当前页面实 例:

    private void UserControl_Loaded(object sender, RoutedEventArgs e)
    {
        HtmlPage.RegisterScriptableObject("Calculator", this);
    }
    [ScriptableMember]
    public void Add(int x, int y)
    {
        int z = x + y;
        this.result.Text = String.Format("{0} + {1} = {2}", x, y, z);
    }
    Js文件:
    <script type="text/javascript">
        function callSilverlight()
        {
            var slPlugin = $get('Xaml1');
            
            slPlugin.content.Calculator.Add($get('txt1').value,$get('txt2').value);
        }
    </script>

    Html代码:

    <div class="main">
        <input id="txt1" type="text" />
        <input id="txt2" type="text" />
        <input id="Button1" type="button" value="确 定" onclick="callSilverlight()"
    />
    </div>

    使用RegisterCreateableType

    private void UserControl_Loaded(object sender, RoutedEventArgs e)
    {
       HtmlPage.RegisterCreateableType("calculator", typeof(Calculator));

    }

    [ScriptableType]
    public class Calculator
    {
        [ScriptableMember]
        public int Add(int x, int y)
        {
            return x + y;
        }
    }
    <script type="text/javascript">
        function callSilverlight()
        {
            var slPlugin = $get('Xaml1');
            var cal = slPlugin.content.services.createObject("calculator");
            
            alert(cal.Add($get('txt1').value,$get('txt2').value));
        }
    </script>
  • 相关阅读:
    ASP.NET MVC EF 连接数据库(一)-----Database First
    设计模式——策略模式
    设计模式——简单工厂模式
    分享一些技术大牛的博客
    有货双中心双活架构实践
    分布式协调服务Zookeeper应用场景
    分布式服务框架资料汇总
    Java线程池ThreadPoolExecutor解析
    服务注册中心Zookeeper和Eureka比较
    JVM内存结构、垃圾回收及性能调优
  • 原文地址:https://www.cnblogs.com/yaoge/p/1822610.html
Copyright © 2011-2022 走看看