学Silverlight 2系列（22）：在Silverlight中如何用JavaScript调用.NET代码

核心提示： private void UserControl_Loaded(object sender, RoutedEventArgs e){HtmlPage.RegisterScriptableObject("Calculator", this);}编写一个Add方法，该方法将

private void UserControl_Loaded(object sender, RoutedEventArgs e)
{
　　HtmlPage.RegisterScriptableObject("Calculator", this);
}

编写一个Add方法，该方法将在JavaScript中被调用，必须为public，用ScriptableMember特性暴露给脚本。

[ScriptableMember]
public void Add(int x, int y)
{
　　int z = x + y;
　　this.result.Text = String.Format("{0} + {1} = {2}", x, y, z);
}

现在编写测试页中的内容，提供输入的input控件：

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

编写JavaScript调用Silverlight中的方法，获取Silverlight插件，Calculator就是我们刚才所注册的实例：

<script type="text/javascript">
　　function callSilverlight()
　　{
　　　　var slPlugin = $get('Xaml1');
　　　　
　　　　slPlugin.content.Calculator.Add($get('txt1').value,$get('txt2').value);
　　}
</script>

在按钮单击事件中调用该方法

<input id="Button1" type="button" value="确 定" onclick="callSilverlight()" />

运行后结果：