上下框架盒子模型,內嵌DataGrid

2021-08-03 16:14:29 字數 929 閱讀 3879

大家在專案中可能會經常用到datagrid,普通的使用就是乙個頁面全是datagrid,但是在實際開發中不可避免的遇到將頁面分為上下部分,上面一部分就是提供查詢條件,下面是datagrid,將通過查詢條件查詢出來的資料顯示,對於我們這種前端菜鳥來說,這無疑是一件非常頭疼的事情,那麼我就分享乙個簡單的盒子上下分布的模型給大家

style="width:100%;height:100%;display:block;margin:-2px 0 0 -4px;">

class="easyui-layout"

fit="true">

data-options="region:'north',border:true,iconcls:'icon-search'"

style="height:132px;padding:5px 0px 0px 0px;">

輸入錶號查詢:id="biaohao"/>

id="export"

onclick="export2excel()">匯出到excel**button>

id="select"

onclick="loaddatagrid()">查詢button>

id="starttime"

onclick="laydate()"/>

id="endtime"

onclick="laydate()"/>

div>

data-options="region:'center',border:false"

style="padding-top:4px;">

id="grid"

fitcolumns="true"

region="center">

table>

div>

div>

div>

盒子模型與怪異盒子模型

所有html元素可以看作盒子,在css中,box model 這一術語是用來設計和布局時使用。css盒模型本質上是乙個盒子,封裝周圍的html元素,它包括 邊距,邊框,填充,和實際內容。盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。下面的說明了盒子模型 box model content...

css盒子模型 CSS 盒子模型

css 盒子模型基本上是面試的必考題,因為實在是太重要了。以前寫 css 總是感覺元素的寬高十分難調,其中乙個很大的問題就是忽略了盒子模型的重要性。說到 css 盒子模型,你可能會說我知道呀,就是 margin 包 border,border 包 padding,padding 包 content ...

html盒子模型 jquery盒子模型

最近學了jquery的盒子模型之後,感覺真的顛覆我之前對盒子模型的看法,我在最初以為盒子模型只存在於html,我們就來看看他們有何區別。1.html盒子模型 如果說js裡面萬物皆是物件,那麼html裡面的萬物皆是盒子。不是盒子的我們也可以用dispiay block 變成盒子。那他的盒子是怎麼計算的...