最近在研究dundas控件的自适应功能,主要实现与当dundas的展现区域可随着屏幕分辨率自动变化。

dundas的高和宽主要由Height和Width 2个属性决定,在html的经验上,决定采用css或者js进行实行该功能。

原本以为实现起来非常简单,结果尝试了很久都失败,最终终于搞定了,现贴代码:

js

//set auto size
function setDundasSize()
{
    var chart = document.getElementById("Chart1");
    chart.style.width = screen.width - 300;
    chart.style.height = screen.height - 350;
}

重点是dundas一定要设一个默认的高和宽,这点非常重要,如果默认宽和高不设的话,无论是用js动态修改或用css样式控制都无法达到预期效果。。

<body onload="setDundasSize()">

<DCWC:Chart ID="Chart1" runat="server" BackColor="#e8efe3" Palette="Pastel" TitleFont="Microsoft Sans Serif, 10pt, style=Bold" TitleFontColor="MidnightBlue" ImageUrl="TempImages/Gprs_Pic_#SEQ(50,3)" ImageType="Png"
Height="480px" Width="1025px">
...