|
|
正常情况下，datagrid在jsp里面的代码如下
标签外面有两层div包裹！指定了标题栏和easyui样式，页面显示的时候能自适应，当鼠标拖动浏览器的边框时候，里面的表单随之改变大小！但是如果使用常用示例的上下布局时候，自适应就不行了，动态拖动浏览器的边框时候里面的元素就不能自动收缩了!
因为客户需求！我做了个上下布局，如图
红色方框中的布局能够根据浏览器的大小变化自动适应大小（用鼠标拖动浏览器边框的时候）
下面是个datagrid列表，设置了fit="true"，也能自适应（用鼠标拖动浏览器边框的时候），问题是看不到分页操作显示条，如果修改fit属性为false的话就能显示，上图就是修改的属性fit=“false”才显示的分页操作条，但是不自适应了！怎么办？我正在datagrid代码的外层
<此处再加一个div style="height: 280px; width: 100%; float: left;">
<div class="easyui-layout" fit="true">
<div region="center" style="padding: 0px; border: 0px">
<t:datagrid name="aaJysjbList" checkbox="false" pagination="true"
fitColumns="true" title="检验数据" pageSize="5"
actionUrl="aaJysjbController.do?datagrid&onfinish=0" idField="id"
fit="false" queryMode="group" showPageList="true">
<t:dgCol title="id" field="id" hidden="true" queryMode="group"
width="120"></t:dgCol>
<t:dgCol title="检验单号" field="code" query="true" queryMode="single"
width="160"></t:dgCol>
<t:dgCol title="稻克重" field="mcDao" queryMode="single" width="60"></t:dgCol>
<t:dgCol title="米克重" field="mcMi" queryMode="single" width="60"></t:dgCol>
<t:dgCol title="折重率" field="mcZzl" queryMode="single" width="60"></t:dgCol>
<t:dgCol title="基础单价" field="mcJcdj" queryMode="single"
dictionary="AA_jcjg,id,mc_jgsz" width="60"></t:dgCol>
<t:dgCol title="水分" field="mcShuifen" queryMode="single"
dictionary="zhuangtai1" width="60"></t:dgCol>
<t:dgCol title="杂质" field="mcZazhi" queryMode="single"
dictionary="zhuangtai1" width="120"></t:dgCol>
<t:dgCol title="黄粒米含量" field="mcHmlhl" queryMode="single"
dictionary="zhuangtai1" width="120"></t:dgCol>
<t:dgCol title="谷外糙米含量" field="mcGwcmhl" queryMode="single"
dictionary="zhuangtai1" width="120"></t:dgCol>
<t:dgCol title="互混率" field="mcHhl" queryMode="single"
dictionary="zhuangtai1" width="120"></t:dgCol>
<t:dgCol title="气择色味" field="mcQzsw" queryMode="single"
dictionary="zhuangtai2" width="120"></t:dgCol>
<t:dgCol title="出米率" field="mcCml" queryMode="single" width="120"></t:dgCol>
<t:dgCol title="结算单价" field="mcJsdj" queryMode="single" width="120"></t:dgCol>
<t:dgCol title="检验员" field="jyy" queryMode="single"
dictionary="AA_Person,id,name" width="80"></t:dgCol>
<t:dgCol title="检验时间" field="jysj" formatter="yyyy-MM-dd hh:mm:ss"
query="true" queryMode="group" width="120"></t:dgCol>
<t:dgCol title="检验状态" field="onfinish" hidden="true"
queryMode="single" width="120"></t:dgCol>
<t:dgCol title="操作" field="opt" width="100"></t:dgCol>
<t:dgFunOpt funname="doJytijiao(id)" title="提交" urlclass="ace_button"
urlfont="fa-wrench" />
<%-- <t:dgToolBar title="录入" icon="icon-add"
url="aaJysjbController.do?goAdd" funname="add"></t:dgToolBar>
<t:dgToolBar title="编辑" icon="icon-edit"
url="aaJysjbController.do?goUpdate" funname="update"></t:dgToolBar>
<t:dgToolBar title="批量删除" icon="icon-remove"
url="aaJysjbController.do?doBatchDel" funname="deleteALLSelect"></t:dgToolBar>
<t:dgToolBar title="查看" icon="icon-search"
url="aaJysjbController.do?goUpdate" funname="detail"></t:dgToolBar>
<t:dgToolBar title="导入" icon="icon-put" funname="ImportXls"></t:dgToolBar>
<t:dgToolBar title="导出" icon="icon-putout" funname="ExportXls"></t:dgToolBar>
<t:dgToolBar title="模板下载" icon="icon-putout" funname="ExportXlsByT"></t:dgToolBar> --%>
<t:dgToolBar title="打印" icon="icon-print"
url="aaJysjbController.do?print" funname="detail" width="610"
height="330"></t:dgToolBar>
</t:datagrid>
</div>
</div>
</div>
datagrid表单列表就显示分页操作条（此时fit=“true”），但是。。。。。加过<div>后，动态拖动浏览器的边框后，datagrid不能自动调整大小适应屏幕，自动缩放了！
你们提供的上下布局都有这个bug！跪求风尘大哥给解决一下！对了，好像上下布局fineUI是好的！能自适应！用的是fineUI！
|
|
窥视卡
雷达卡
发表于 2018-10-24 10:49:40
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
发表于 2018-10-24 11:03:48
楼主