最近在研究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"> ...
浙公网安备 33010602011771号