0

我试图在 html 中隐藏一个 silverlight 控件。问题是如果隐藏的代码被silverlight控件调用,当我们让它再次可见后,silverlight重新加载,silverlight控件中的所有数据都会丢失。

以下是一个简单的示例,可以向您展示问题。silverlight 控件:mainpage.xaml

<Grid x:Name="LayoutRoot" Background="White">
    <Button Content="Hide" Height="23" HorizontalAlignment="Left" Margin="118,210,0,0" Name="button1" VerticalAlignment="Top" Width="75" Click="button1_Click" />
    <sdk:Label Height="28" HorizontalAlignment="Left" Margin="44,92,0,0" Name="label1" VerticalAlignment="Top" Width="323" />
</Grid>

MainPge.xaml.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using System.Windows.Browser;

namespace SilverlightApplication1
{
public partial class MainPage : UserControl
{
    [ScriptableMember()]
    public event EventHandler TestEvent;

    public string timeStr;

    public MainPage()
    {
        InitializeComponent();
        this.label1.Content = DateTime.Now.ToShortTimeString();
        HtmlPage.RegisterScriptableObject("Control", this);

        timeStr = DateTime.Now.ToString();
    }

    private void button1_Click(object sender, RoutedEventArgs e)
    {
        TestEvent(sender, new TestEventArgs());
    }

    [ScriptableMember]
    public string GetTime()
    {
        return timeStr;
    }
}

public class TestEventArgs : EventArgs
{
    [ScriptableMember()]
    public string Name { get; set; }

    public TestEventArgs() {
        this.Name = "Test";
    }
}
}

测试.html

  function show() {
document.getElementById("silverlightControlHost").style.visibility = "visible";
//document.getElementById("silverlightControlHost").style.display = "";
}

    function hide() {
        document.getElementById("silverlightControlHost").style.visibility = "hidden"; 
        //document.getElementById("silverlightControlHost").style.display = "none";
    }

    function showTime() {
        var timeStr = app.Content.Control.GetTime();
        document.getElementById("timeDiv").innerHTML = timeStr;
    }

    var app;
    function silverlightOnLoad() {
        alert("load");
        app = document.getElementById("silverlightApp");
        app.Content.Control.TestEvent = function (sender, arg) {
            //if you keep these two alert statement. while the first one works fine,     //you can see the second one would
            //throw an error after the silverlight control is hidden.
            // alert(arg.Name);
            hide(); 
            //alert(arg.Name);
        };
    }

 <input type="button" id="btnShow" value="Show" onclick="show();" />
<input type="button" id="btnHide" value="Hide" onclick="hide();" />
<input type="button" id="Button1" value="Show Time" onclick="showTime();" />
<div id="timeDiv">

</div>
<div id="silverlightControlHost">
    <object id="silverlightApp" data="data:application/x-silverlight-2," type="application/x-silverlight-2"
        width="100%" height="100%">
        <param name="source" value="ClientBin/SilverlightApplication1.xap" />
        <param name="onLoad" value="silverlightOnLoad" />
        <param name="onError" value="onSilverlightError" />
        <param name="background" value="white" />
        <param name="minRuntimeVersion" value="5.0.61118.0" />
        <param name="autoUpgrade" value="true" />
        <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=5.0.61118.0" style="text-decoration: none">
            <img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="Get Microsoft Silverlight"
                style="border-style: none" />
        </a>
    </object>
    <iframe id="_sl_historyFrame" style="visibility: hidden; height: 0px; width: 0px;
        border: 0px"></iframe>
</div>

如果通过html中的“隐藏”按钮隐藏silverlight控件,一切正常。但是当通过silverlight控件的按钮隐藏控件时,单击“显示”按钮时会再次调用silverlightOnLoad。有什么帮助吗?

4

1 回答 1

0

它看起来类似于http://forums.silverlight.net/p/17061/57793.aspx

简而言之:当插件获得焦点并且您试图隐藏它时,Silverlight 插件会退出。window.focus();在隐藏插件之前尝试调用(或将焦点设置到 HTML 页面上的任何其他可聚焦元素):

app.Content.Control.TestEvent = function (sender, arg) {
  window.focus();
  hide(); 
};
于 2012-06-30T12:27:16.320 回答