如何在 ASP.NET 面板中更改 Silverlight 应用程序的高度？

Question

如何动态更改嵌入在 ASP.NET 面板中的 Silverlight 应用程序的高度？

ASP.NET 面板标记

<asp:Panel ID="pnlResult" runat="server" Visible="false">
<br />
<div class="cpHeader">
<asp:Label ID="Label1" runat="server" Text="Search Results"></asp:Label>
</div>
<asp:Panel ID="Panel3" runat="server" class='cpResultBody'>
</asp:Panel>
</asp:Panel>

我将 Silverlight 动态添加到上面的 ASP.NET 面板 Panel3 中，如下所示： （这样做是为了动态传递 initparams）

HtmlGenericControl myHtmlObject = new HtmlGenericControl("object");
myHtmlObject.Attributes["data"] = "data:application/x-silverlight-2";
myHtmlObject.Attributes["type"] =  "application/x-silverlight-2";
HtmlGenericControl mySourceParam = new  HtmlGenericControl("param");
mySourceParam.Attributes["name"] = "source";
mySourceParam.Attributes["value"] = "ClientBin/MySilverlightApp.xap";
myHtmlObject.Controls.Add(mySourceParam);    
HtmlGenericControl myOnErrorParam = new HtmlGenericControl("param");   

HtmlGenericControl myInputParam = new HtmlGenericControl("param");
myInputParam.Attributes["name"] = "initparams";
myInputParam.Attributes["value"] = string.Format("param1={0},param2={1},param2={2}", param1.ToString(), param2.ToString(), param3.ToString());
myHtmlObject.Controls.Add(myInputParam);    

myHtmlObject.Attributes["width"] = "100%";
myHtmlObject.Attributes["height"] = "100%";

Panel3.Controls.Add(myHtmlObject);

最后我的 MainPage.xaml 如下所示。这里我不设置高度。

<UserControl x:Class="MySilverlightApp.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
xmlns:my="clr-namespace:MySilverlightApp"
xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk">
<Grid x:Name="LayoutRoot" Background="WhiteSmoke" >
<Canvas Name="canvas1" HorizontalAlignment="Left" Margin="-1,-1,0,0"
VerticalAlignment="Top"/>
</Grid>
</UserControl>

我的应用程序是这样的，一些数据在 Canvas canvas1 中表示为图形，其高度无法事先知道。

截至目前，silverlight 应用程序正在受到限制。如何避免这种情况并确保高度根据内容按比例放大。

观察：如果我手动将 silverlight 对象创建代码中的 Height 从 100% 更改为 1500px，高度似乎会增加一点，但是即使我进一步增加高度，内容仍然会被剪裁。

Answer 1

我不是 Silverlight 方面的专家，但我对这个问题的快速反应是，修复 Grid(layoutroot) 的高度并允许滚动（水平和垂直，以数据被剪切的方式为准），然后在中提供固定高度的 silverlight 对象HTML。

Answer 2

您可以这样做：当 Silverlight 控件加载到浏览器中（Loaded 事件）时，向浏览器发送一个命令，以增大该控件所在的 div 以匹配该控件的 ActualHeight。 （Vb.net）

    'tell the web page to give Silverlight more room.
    Dim so As ScriptObject = TryCast(HtmlPage.Window.Eval("jsnamespace"), ScriptObject)
    so.Invoke("GrowDiv", LayoutRoot.ActualHeight)

这是脚本：

var jsnamespace = {

GrowDiv: function(divheight) {
//警报（div高度）；
jQuery("body").css("高度", divheight);
jQuery("#silverlightControlHost").css("高度", divheight);
jQuery("#Panel3").css("高度", divheight);
}
}