2013-01-17 37 views
1

如何設置telerik radtabstrip高度爲自動。 。Telerik Radtabstrip自動高度

我想增加選項卡的高度隨着內容大小的增加。 我不想滾動條。我已經搜查,但如果你是在談論瀏覽量的高度將採取固定尺寸僅爲

+0

你真的可以使用更好的標題。 –

回答

1

ASPX:

<telerik:radtabstrip id="RadTabStrip1" runat="server" selectedindex="0" multipageid="RadMultipage1"> 
     <Tabs> 
      <telerik:RadTab Text="Tab1" PageViewID=" RadMultipage1"> 
      </telerik:RadTab> 
      <telerik:RadTab Text="Tab2"> 
      </telerik:RadTab> 
      <telerik:RadTab Text="Tab3"> 
      </telerik:RadTab> 
     </Tabs> 
    </telerik:radtabstrip> 
<telerik:radmultipage id="RadMultipage1" runat="server" selectedindex="0"> 
     <telerik:RadPageView runat="server" ID="RadPageView1" ContentUrl="Default2.aspx" /> 
    </telerik:radmultipage> 

的JavaScript:

<script type="text/javascript"> 

function resize() { 
    var height = getDocHeight(); 
    var elements = window.top.document.getElementsByTagName("div");  

    for (var i = 0; i < elements.length; i++) { 
     var containerPageViewID = "RadPageView1"; 

     if (elements[i].id.indexOf(containerPageViewID) > -1) { 
      elements[i].style.height = height + "px"; 
      break; 
     } 
    } 
} 

if (window.addEventListener) 
    window.addEventListener("load", resize, false); 
else if (window.attachEvent) 
    window.attachEvent("onload", resize); 
else window.onload = resize; 

function getDocHeight() { 
    var D = document; 
    return Math.max(
     Math.max(D.body.scrollHeight, D.documentElement.scrollHeight), 
     Math.max(D.body.offsetHeight, D.documentElement.offsetHeight), 
     Math.max(D.body.clientHeight, D.documentElement.clientHeight) 
    ); 
} 

</script> 

來源:Telerik's documentation

+0

不,它不工作。 。 – kkk

+0

你是在談論RadTabStrip的高度還是RadMultiPage/Pageview的高度? –