easyui布局问题
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" oninput="search()" /> </p> </div> <div region="center"> <ul id="contentCategory" class="easyui-tree"> </ul> </div> </div>
</div>
在区域北部嵌套一个
<div class="easyui-layout" fit="true">,在这个里面在进行分东南西北中区域;若不用嵌套布局,产生的后台页面会很难看。
版权声明:本文为lazyli原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。