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">,在这个里面在进行分东南西北中区域;若不用嵌套布局,产生的后台页面会很难看。
posted on 2019-06-04 16:20  lazyli  阅读(140)  评论(0编辑  收藏  举报