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>
  • 相关阅读:
    开源数据访问组件Smark.Data 1.8
    .NET应用加载容器KGlue
    TCP&UDP压力测试工具
    使用Beetle.Express简单构建高吞吐的TCP&UDP应用
    通过分析内存来优化.NET程序
    winsock I/O模型
    C++各大有名库的介绍
    深入研究 STL Deque 容器An InDepth Study of the STL Deque Container (By Nitron)
    C C++编程子资料库(小程序)
    VSS服务器安装配置(比较完整的一篇VSS服务器配置的文章)
  • 原文地址:https://www.cnblogs.com/yaoge/p/1822610.html
Copyright © 2011-2022 走看看