JQuery EasyUI Layout 在from布局自適應窗口大小的實現(xiàn)方法
更新時間：2016年05月28日 10:34:52 投稿：jingxian
下面小編就為大家?guī)硪黄狫Query EasyUI Layout 在from布局自適應窗口大小的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
在jQuery EasyUI中，如果直接在form上布局時當窗口大小調整布局不會改變，將布局應用于body時中間隔著一個form，橫豎不好弄。
網(wǎng)上有多個解決方案，一般都是寫代碼，在窗口大小改變時設置布局。
經(jīng)實驗，新版本的JQuery EasyUI中布局可以采用以下方式來達到自動適應大?。?/p>
首先設置樣式，使html和body高度為100%（因form和div高度設置為100%需要繼承上級）：
<style type="text/css">
html,body
{
height:100%;
margin:0 auto;
}
</style>
然后頁面代碼如下：
<body class="easyui-layout"> <form id="form1" runat="server" style="height:100%; border:green 0px solid;" region="center"> <div style="padding-left:30px; height:40px;" region="north">北</div> <div region="center">中間</div> <div region="west" style="width:30px;">West</div> <div region="east" style="width:40px;">East</div> </form> </body>
效果1，小窗口：
效果2，調整大小后：
可以看到布局會自動適應大小了
備注：測試JQuery EasyUI版本從1.3.1可以，1.2.6不可以，中間的沒有試過
以上這篇JQuery EasyUI Layout 在from布局自適應窗口大小的實現(xiàn)方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
jQuery插件formValidator自定義函數(shù)擴展功能實例詳解
這篇文章主要介紹了jQuery插件formValidator自定義函數(shù)擴展功能,結合實例形式分析了jQuery插件formValidator常見的各種判定與驗證技巧,非常簡單實用,需要的朋友可以參考下2015-11-11
jQuery Ajax方法調用 Asp.Net WebService 的詳細實例代碼
我在這里將jQuery Ajax 調用Aspx.Net WebService 的幾個常用的方法做了一個整理，提供給正在找這方面內容的博友，希望能給學習jQuery的朋友一點幫助，可以直接復制代碼運行。2011-04-04
本文主要對jquery判斷頁面網(wǎng)址是否有效的兩種方法：jQuery方法；AJAX XMLHTTP方法；需要的朋友可以參考借鑒下2016-12-12
each()函數(shù)是基本上所有的框架都提供了的一個工具類函數(shù)，通過它，你可以遍歷對象、數(shù)組的屬性值并進行處理，jQuery和jQuery對象都實現(xiàn)了該方法，下面是使用方法2014-03-03
本篇文章主要介紹了jQuery實用密碼強度檢測，這是一個非常常見的功能，可以驗證密碼的強度，本文使用jQuery來實現(xiàn)，有需要的小伙伴可以參考下。2017-03-03
這篇文章主要介紹了高效jQuery選擇器的5個技巧,結合實例形式總結分析了jquery選擇器使用過程中發(fā)的各種常用技巧,需要的朋友可以參考下2019-11-11
jquery獲取并修改觸發(fā)事件的DOM元素示例【基于target 屬性】
這篇文章主要介紹了jquery獲取并修改觸發(fā)事件的DOM元素,結合實例形式分析了jQuery基于target 屬性獲取到觸發(fā)該事件的dom并修改的相關操作技巧,需要的朋友可以參考下2019-10-10
jQuery的選擇器非常強大,使你可以輕松選取頁面中任何一個對象,下面我們就主要針對DOM操作來看一下jQuery中選擇器的基礎使用教程,需要的朋友可以參考下2016-05-05
jQuery插件zTree實現(xiàn)的基本樹與節(jié)點獲取操作示例
這篇文章主要介紹了jQuery插件zTree實現(xiàn)的基本樹與節(jié)點獲取操作,結合實例形式分析了jQuery樹形插件zTree構造基本樹與針對節(jié)點的獲取操作相關實現(xiàn)技巧,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了jQuery中append()方法用法,實例分析了append()方法的功能、定義及在匹配元素的結尾插入指定內容的使用技巧,需要的朋友可以參考下2015-01-01