RadRotator没有在浏览器调整大小时调整大小

时间:2012-03-15 08:58:19

标签: c# javascript asp.net telerik

我正在尝试在浏览器调整大小上调整此控件的大小。 在询问之前我试着在论坛上查看。我发现了一个Javascript函数(遗憾的是它没有工作)。

    <script type="text/javascript">

window.onresize = function()    
{    
    var rotatorElement = document.getElementById("ContentPlaceHolder1_RadRotator1" + "_Div");    
    rotatorElement.RadResize(); 
}

</script>

错误:RadResize为空或未定义。

提前感谢您的帮助

3 个答案:

答案 0 :(得分:1)

结帐this Knowledge Base article。它包含有关根据浏览器窗口调整RadRotator大小的信息,其中包含所述方法的示例。

答案 1 :(得分:0)

Hey Arnaud在您的aspx页面中添加此脚本,您的问题将得到解决:

script type="text/javascript">    
window.onresize = function()     
{     
    var rotatorElement = document.getElementById("<%= RadRotator1.ClientID %>" + "_Div");     
    rotatorElement.RadResize();  
}     
</script> 

答案 2 :(得分:0)

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>