RadRotator在浏览器调整大小时未调整大小
本文关键字:调整 小时 RadRotator 浏览器 | 更新日期: 2023-09-27 18:27:47
我目前正在尝试在浏览器调整大小时调整此控件的大小。在询问之前,我试着浏览了一下论坛。我发现了一个Javascript函数(不幸的是它不起作用)。
<script type="text/javascript">
window.onresize = function()
{
var rotatorElement = document.getElementById("ContentPlaceHolder1_RadRotator1" + "_Div");
rotatorElement.RadResize();
}
</script>
错误:RadResize为Null或未定义
提前感谢您的帮助
Hey Arnaud在您的aspx页面中添加此脚本,您的问题就会得到解决:
script type="text/javascript">
window.onresize = function()
{
var rotatorElement = document.getElementById("<%= RadRotator1.ClientID %>" + "_Div");
rotatorElement.RadResize();
}
</script>
Hey Arnaud通过为表指定固定布局,您可以轻松实现目标。
这是示例代码:
<form id="form1" runat="server">
<table border="1" cellpadding="0" cellspacing="0" width="100%" style="table-layout: fixed">
<tr>
<td style="width: 100%">
<radR:RadRotator ID="RadRotator1" runat="server" TransitionType="Scroll" ContentFile="http://rss.msnbc.msn.com/id/3033655/device/rss/rss.xml" DataMember="item" Height="130px" Width="100%">
<FrameTemplate>
<div class="NewsList">
<p>
<strong><a href="<%# DataBinder.Eval(Container.DataItem,"link") %>" target="_blank">
<%# DataBinder.Eval(Container.DataItem,"title") %>
</a></strong>
<br />
<%# DataBinder.Eval(Container.DataItem,"pubDate") %>
</p>
<p>
<%# DataBinder.Eval(Container.DataItem,"description") %>
</p>
</div>
</FrameTemplate>
</radR:RadRotator>
</td>
</tr>
</table>
<script language="Javascript" type="text/javascript">
<!--
var RadRotator1=<%= RadRotator1.ClientID %>;
window.onresize=function() {
var rotatorElement = document.getElementById("<%= RadRotator1.ClientID %>" + "_Div");
rotatorElement.RadResize();
};
//-->
</script>
</form>