根據webform頁面大小的變化動態調整控制項的大小

2022-03-10 08:52:57 字數 803 閱讀 5241

asp.net

的開發中,很多時候我們希望

webform

中的控制項能夠隨窗體的變化而自動調整自己的大小,即可以自動適應頁面的大小。我們所要實現的效果就是窗體在最大化和正常大小之間變化時,控制項的大小也能做相應的調整。在網上找不到對應的答案,現在記錄下來。

原理分析

webform

窗體大小的變化不會觸發伺服器回發,所有最終的實現需要使用

js指令碼;所以我們需要在窗體大小變化時,窗體能夠智慧型的通知我們的進行調整控制項的大小(winform

也好,

webform

也罷都是這樣);這個是實現的本質,這也就是我們所熟悉的事件機制!

js

中很多的控制項都有

onresize

事件,只要我們向控制項所在的頁面註冊相應的處理函式即可!

以下是我在開發自定義控制項時的實現思路,其他場景需要做相應的變化即可。

stringbuilder sbjs=new stringbuilder();

調整控制項大小邏輯

");

根據webform頁面大小的變化動態調整控制項的大小

在 asp.net 的開發中,很多時候我們希望 webform 中的控制項能夠隨窗體的變化而自動調整自己的大小,即可以自動適應頁面的大小。我們所要實現的效果就是窗體在最大化和正常大小之間變化時,控制項的大小也能做相應的調整。在網上找不到對應的答案,現在記錄下來。原理分析 webform 窗體大小的變...

vue元件頁面高度根據螢幕大小自適應

網頁可見區域寬 document.body.clientwidth 網頁可見區域高 document.body.clientheight 網頁可見區域寬 document.body.offsetwidth 包括邊線的寬 網頁可見區域高 document.body.offsetheight 包括邊線的...

vue元件頁面高度根據螢幕大小自適應

網頁可見區域寬 document.body.clientwidth 網頁可見區域高 document.body.clientheight 網頁可見區域寬 document.body.offsetwidth 包括邊線的寬 網頁可見區域高 document.body.offsetheight 包括邊線的...