1、表单产生滚动条问题,使用fit:true能够产生滚动条,若前面加搜索条件,在滚动条移动时会将搜索条件一并移动,产生不好的用户体验。这时就需要在这个模块中嵌套布局,将搜索条件<p></p>放在一个单独的布局,<grid>放在一个单独模块。
<div data-options="region:'center'" style="padding:5px;background:#eee;" >
<!-- <p>名称:<input type="text"><a>查询<a></p> -->
<table id="grid"></table>
</div>
嵌套:一般将单独加载表格放入一个容器中,其他搜索条件放入一个容器;
<div data-options="region:'west',title:'车型分类',split:true" style="width:280px;">
<div class="easyui-layout" fit="true">
<div region="north" split="true" style="height: 80px;background-color: #e0ecff">
<div align="center">
<a id="addCate" icon="icon-save" href="#" class="easyui-linkbutton" plain="true" >添加分类</a>
<a id="editCate" icon="icon-edit" href="#" class="easyui-linkbutton" plain="true" >修改分类</a>
<a id="deleteCate" icon="icon-cancel" href="#" class="easyui-linkbutton" plain="true" >删除分类</a>
</div>
<p align="center">
查询:<input type="text" name="cateName" id="cateName" style="width: 200px" οninput="search()" />
</p>
</div>
<div region="center">
<ul id="contentCategory" class="easyui-tree">
</ul>
</div>
</div>
</div>
在区域北部嵌套一个
<div class="easyui-layout" fit="true">,在这个里面在进行分东南西北中区域;若不用嵌套布局,产生的后台页面会很难看。