Grid的上下、左右水平滚动条改成都在当前屏幕视野范围内

justep_hzj · 发表于 2018-5-30 14:28:15

图一，是我想要实现的效果，要实现的效果描述如下：

1、图片中，红色方框，代表电脑桌面或者浏览器的大小；
2、中间蓝色方框内，代表Grid组件内容区域；
3、我想要实现Grid内容区域，在当前窗口内，能左右、上下拖动，而不是超出桌面或者浏览器区域

图二，是有问题的界面，问题描述如下：
1、因为列数很多，在当前看到的窗口界面，看不到Grid右侧的上下滚动条；
2、如果拖动最底下的水平滚动条的话，需要拖动很长的距离，才能看到Grid右侧的上下滚动条。特别是14寸的屏幕，更费劲。

想要实现，Grid的上下、左右水平滚动条都在当前屏幕视野范围内，尝试修改了多处Css样式。发现修改不成功，
请问，控制Grid或者当前视图界面的样式，需要改动哪里？

jishuang · 发表于 2018-5-30 15:06:40

把有问题的.w发一下看看

justep_hzj · 发表于 2018-5-30 15:47:42

第一部分：<?xml version="1.0" encoding="utf-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" component="$UI/system/components/justep/window/window" xid="window" design="resolution:1024 x 768;device:pc;$skin:yeti;" class="window">
  <div component="$UI/system/components/justep/model/model" xid="model" style="height:auto;top:468px;left:1007px;">
<div component="$UI/system/components/justep/data/bizData" xid="mainData"
   directDelete="true" autoLoad="true" concept="ca_coater525" limit="15" columns=""
   updateMode="whereAll" confirmRefresh="false">
   <reader action="/canaan_test/coater525/logic/action/queryCa_coater525Action"/>
   <writer action="/canaan_test/coater525/logic/action/saveCa_coater525Action"/>
   <creator action="/canaan_test/coater525/logic/action/createCa_coater525Action"/>
   <calculateRelation relation="calcCheckBox"/>
<calculateRelation relation="relation0" xid="calculateRelation1"></calculateRelation>
  <rule xid="rule1">
<col name="dqzt" xid="ruleCol1">
<calculate xid="calculate1">
   <expr xid="default20">$model.getIcon($row)</expr></calculate> </col>
<col name="relation0" xid="ruleCol2">
<calculate xid="calculate2">
   <expr xid="default22">$model.getIcon($row)</expr></calculate> </col> </rule></div>
  <div component="$UI/system/components/justep/data/bizData" autoLoad="true" xid="selectSCMSData" concept="ca_coater525"><reader xid="default17" action="/canaan_test/coater525/logic/action/queryDistinctSCMSAction"></reader></div>
  <div component="$UI/system/components/justep/data/bizData" autoLoad="true" xid="selectSCPHData" concept="ca_coater525"><reader xid="default18" action="/canaan_test/coater525/logic/action/queryDistinctSCPHAction"></reader></div>
  <div component="$UI/system/components/justep/data/bizData" autoLoad="true" xid="selectSBMCData" concept="ca_coater525"><reader xid="default19" action="/canaan_test/coater525/logic/action/queryDistinctSBMCAction"></reader></div>
  <div component="$UI/system/components/justep/data/bizData" autoLoad="true" xid="selectSBBHData" concept="ca_coater525"><reader xid="default21" action="/canaan_test/coater525/logic/action/queryDistinctSBBHAction"></reader></div></div>
  <div component="$UI/system/components/bootstrap/tabs/tabs" xid="tabs">
<ul class="nav nav-tabs" xid="navs">
   <li class="active" xid="nav-batch">
      <a content="batch" xid="tabItem1"><![CDATA[批报]]></a>
   </li>
   <li role="presentation" xid="nav-bigEvent" bind-select="nav_bigEventSelect" bind-focus="nav_bigEventFocus">
      <a content="bigEvent" xid="tabItem2"><![CDATA[大事记]]></a>
   </li>
<li xid="nav-logging">
<a content="logging" xid="tabItem3"><![CDATA[日志]]></a></li>
  <li xid="nav-alarm">
<a content="alarm" xid="tabItem4"><![CDATA[报警]]></a></li></ul>
<div class="tab-content" xid="contents">
   <div class="tab-pane active" xid="batch">
      <div xid="batchBar" component="$UI/system/components/justep/toolBar/toolBar"
      class="x-toolbar x-toolbar-spliter form-inline">
      <div component="$UI/system/components/justep/smartFilter/smartFilter"
         xid="smartFilter1" filterData="mainData" class="pull-right" filterCols="scph,rqsj,dqzt,cpmc,cpgg,sbbh,sbmc,dlmc,scms,sbms,dqjd,glcgcfjbl,gyygcfjbl,bympzl,bymgzl,bympgs,byjsftd,mpsfks,mpsfjs,mgsfks,mgsfjs,gjs,yrsfks,yrsfjs,slsfks,slsfjs,bysfks,bysfjs,pjsfks,pjsfjs,hhsfks,hhsfjs,gzsfks,gzsfjs,clsfks,clsfjs,wipmsqr,wipsfks,wipsfjs,yxsfks,yxsfjs,qxsfks,qxsfjs,pxsfks,pxsfjs,jqjjsfks,jqjjsfjs,wxsdsfks,wxsdsfjs,yrcxsj,slcxsj,bycxsj,pjcxsj,hhcxsj,gzcxsj,clcxsj,yxcxsj,qxcxsj,pxcxsj,pjcssdz,pjjs,hhcssdz,hhjs,gzcssdz,gzjs,yxcssdz,yxjs,qxcssdz,qxjs,pxcssdz,pxjs,pjcsdqsd,hhcsdqsd,gzcsdqsd,yxcsdqsd,qxcsdqsd,pxcsdqsd,ahucfwd,ahucfsd,ahucfkfl,byjpfwd,byjpfsd,byjnwd,byjnzkd,bygzs,pfjzs,pcwd,byyll,byyyl,qqjgsj,qjsw,qjsy,qjsls,qjjmc,qjjyl,qjjwd,qjjdyl,qjjls,gzkqwd,gzkqyl,gzkqll,zqyl,lnsyl,glq1yc,glq2yc,glq3yc,bj1cfjcjs,bj1js,bj2cfjcjs,bj2js,bj3cfjcjs,bj3js,bj1bjm,bj2bjm,bj3bjm,ztcsyy,ztjs,ztm,cqcsyy,cqjs,cqm">
         <input type="text" class="form-control" placeholder="搜索" data-bind="valueUpdate: ['input', 'afterkeydown']"
            bind-value="$model.comp($element.parentElement).searchText" bind-change="$model.comp($element.parentElement).onInputChange.bind($model.comp($element.parentElement))"
            xid="input4"/>
      </div>
      <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-icon-left"
         xid="button3" onClick='{"operation":"mainData.refresh"}'>
         <i xid="i6"/>
         <span xid="span10">刷新</span>
      </a>

      <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-icon-left" xid="button1">
<i xid="i1"></i>
<span xid="span29"></span></a>
  </div>

   <div class="form-horizontal container-fluid" component="$UI/system/components/bootstrap/form/form" xid="form1"><div class="form-group" xid="formGroup1">
<div class="col-sm-1" xid="col1"><label class="control-label" xid="controlLabel2"><![CDATA[生产批号：]]></label></div>
<div class="col-sm-2" xid="col2"><div class="x-control" component="$UI/system/components/justep/gridFilter/gridFilter" xid="gridFilter2" filterData="mainData" filterCol="scph" defaultValue=' $model.mainData.val("scph")'>
<div class="x-gridSelect" component="$UI/system/components/justep/gridSelect/gridSelect" xid="gridSelect2" defaultLabel="'请选择'" clearButton="false" autoOptionWidth="false" inputChangeable="true">
<option xid="option2" data="selectSCPHData" value="scph" label="scph"></option></div> </div></div>
<div class="col-sm-1" xid="col3"><label class="control-label" xid="controlLabel3"><![CDATA[设备名称：]]></label></div>
<div class="col-sm-2" xid="col4"><div class="x-control" component="$UI/system/components/justep/gridFilter/gridFilter" xid="gridFilter3" filterData="mainData" filterCol="sbmc" defaultValue=' $model.mainData.val("sbmc")'>
<div class="x-gridSelect" component="$UI/system/components/justep/gridSelect/gridSelect" xid="gridSelect3" defaultLabel="'请选择'" clearButton="false" autoOptionWidth="false" inputChangeable="true">
<option xid="option3" data="selectSBMCData" value="sbmc" label="sbmc"></option></div> </div></div>
  <div class="col-sm-1" xid="col5"><label class="control-label" xid="controlLabel4"><![CDATA[设备编号：]]></label></div>
  <div class="col-sm-2" xid="col6"><div class="x-control" component="$UI/system/components/justep/gridFilter/gridFilter" xid="gridFilter4" filterData="mainData" filterCol="sbbh" defaultValue=' $model.mainData.val("sbbh")'>
<div class="x-gridSelect" component="$UI/system/components/justep/gridSelect/gridSelect" xid="gridSelect4" defaultLabel="'请选择'" clearButton="false" autoOptionWidth="false" inputChangeable="true">
<option xid="option4" data="selectSBBHData" value="sbbh" label="sbbh"></option></div> </div></div>
  <div class="col-sm-1" xid="col7"><label class="control-label" xid="controlLabel1">生产模式：</label></div>
  <div class="col-sm-2" xid="col8"><div class="x-control" component="$UI/system/components/justep/gridFilter/gridFilter" xid="gridFilter1" filterData="mainData" filterCol="scms" defaultValue=' $model.mainData.val("scms")'>
<div class="x-gridSelect" component="$UI/system/components/justep/gridSelect/gridSelect" xid="gridSelect1" defaultLabel="'请选择'" clearButton="false" autoOptionWidth="false" inputChangeable="true">
<option xid="option1" data="selectSCMSData" value="scms" label="scms"></option></div> </div></div></div></div><div component="$UI/system/components/justep/grid/grid" hiddenCaptionbar="true" altRows="true" class="x-grid-no-bordered x-grid-title-center pull-left" xid="batchGrid" data="mainData">
<columns xid="columns1">

justep_hzj · 发表于 2018-5-30 15:48:58

第二部分：
<column width="100" name="relation0" xid="column99" label="当前状态"></column>
  <column width="100" name="rqsj" xid="column1"></column>
  <column width="100" name="cpmc" xid="column2"></column>
  <column width="100" name="cpgg" xid="column3"></column>
  <column width="100" name="pfbh" xid="column4"></column>
  <column width="100" name="dlmc" xid="column5"></column>
  <column width="100" name="scms" xid="column6"></column>
  <column width="100" name="sbms" xid="column7"></column>
  <column width="100" name="glcgcfjbl" xid="column8"></column>
  <column width="100" name="gyygcfjbl" xid="column9"></column>
  <column width="100" name="bympzl" xid="column10"></column>
  <column width="100" name="bymgzl" xid="column11"></column>
  <column width="100" name="bympgs" xid="column12"></column></columns></div><div component="$UI/system/components/justep/pagerBar/pagerBar" class="x-pagerbar container-fluid"
      xid="batchPageBar" data="mainData">
      <div class="row" xid="div1">
         <div class="col-sm-3" xid="div2">
            <div class="x-pagerbar-length" xid="div3">
            <label component="$UI/system/components/justep/pagerLimitSelect/pagerLimitSelect"
               class="x-pagerlimitselect" xid="limitSelect1">
               <span xid="span2">显示</span>
               <select component="$UI/system/components/justep/select/select"
                  class="form-control input-sm" xid="select1">
                  <option value="10" xid="default1">10</option>
                  <option value="20" xid="default2">20</option>
                  <option value="50" xid="default3">50</option>
                  <option value="100" xid="default4">100</option>
               </select>
               <span xid="span5">条</span>
            </label>
            </div>
         </div>
         <div class="col-sm-3" xid="div4">
            <div class="x-pagerbar-info" xid="div5">当前显示1-10条，共16条</div>
         </div>
         <div class="col-sm-6" xid="div6">
            <div class="x-pagerbar-pagination" xid="div7">
            <ul class="pagination" component="$UI/system/components/bootstrap/pagination/pagination"
               xid="pagination1">
               <li class="prev" xid="li1">
                  <a href="#" xid="a1">
                  <span aria-hidden="true" xid="span6">«</span>
                  <span class="sr-only" xid="span7">Previous</span>
                  </a>
               </li>
               <li class="next" xid="li2">
                  <a href="#" xid="a2">
                  <span aria-hidden="true" xid="span8">»</span>
                  <span class="sr-only" xid="span9">Next</span>
                  </a>
               </li>
            </ul>
            </div>
         </div>
      </div>
      </div>
   </div>
   <div class="tab-pane" xid="bigEvent">
      <div xid="bigEventBar" component="$UI/system/components/justep/toolBar/toolBar"
      class="x-toolbar x-toolbar-spliter form-inline">
      <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-icon-left"
         xid="button5" onClick='{"operation":"mainData.refresh"}'>
         <i xid="i8"/>
         <span xid="span12"/>
      </a>
      <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-icon-left" onClick="{'operation':'bizFilter1.menu'}" xid="button2">
<i xid="i2"></i>
<span xid="span30"></span></a><a component="$UI/system/components/justep/button/button" class="btn btn-link btn-icon-left"
         xid="preBtn" onClick='{"operation":"mainData.prevRow"}'>
         <i xid="i4"/>
         <span xid="span3"/>
      </a>
      <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-icon-left"
         xid="nextBtn" onClick='{"operation":"mainData.nextRow"}'>
         <i xid="i5"/>
         <span xid="span4"/>
      </a>
      </div>
      <div class="form-horizontal container-fluid" component="$UI/system/components/bootstrap/form/form" xid="form2">
<div class="form-group" xid="formGroup2">
<div class="col-sm-1" xid="col16">
   <label class="control-label" xid="controlLabel6">生产批号：</label></div>
<div class="col-sm-2" xid="col14">
   <div class="x-control" component="$UI/system/components/justep/gridFilter/gridFilter" xid="gridFilter6" filterData="mainData" filterCol="scph" defaultValue=' $model.mainData.val("scph")'>
   <div class="x-gridSelect" component="$UI/system/components/justep/gridSelect/gridSelect" xid="gridSelect7" defaultLabel="'请选择'" clearButton="false" autoOptionWidth="false" inputChangeable="true">
   <option xid="option8" data="selectSCPHData" value="scph" label="scph"></option></div> </div> </div>
<div class="col-sm-1" xid="col15">
   <label class="control-label" xid="controlLabel7">设备名称：</label></div>
<div class="col-sm-2" xid="col12">
   <div class="x-control" component="$UI/system/components/justep/gridFilter/gridFilter" xid="gridFilter7" filterData="mainData" filterCol="sbmc" defaultValue=' $model.mainData.val("sbmc")'>
   <div class="x-gridSelect" component="$UI/system/components/justep/gridSelect/gridSelect" xid="gridSelect6" defaultLabel="'请选择'" clearButton="false" autoOptionWidth="false" inputChangeable="true">
   <option xid="option5" data="selectSBMCData" value="sbmc" label="sbmc"></option></div> </div> </div>
<div class="col-sm-1" xid="col13">
   <label class="control-label" xid="controlLabel8">设备编号：</label></div>
<div class="col-sm-2" xid="col10">
   <div class="x-control" component="$UI/system/components/justep/gridFilter/gridFilter" xid="gridFilter8" filterData="mainData" filterCol="sbbh" defaultValue=' $model.mainData.val("sbbh")'>
   <div class="x-gridSelect" component="$UI/system/components/justep/gridSelect/gridSelect" xid="gridSelect5" defaultLabel="'请选择'" clearButton="false" autoOptionWidth="false" inputChangeable="true">
   <option xid="option6" data="selectSBBHData" value="sbbh" label="sbbh"></option></div> </div> </div>
<div class="col-sm-1" xid="col11">
   <label class="control-label" xid="controlLabel5">生产模式：</label></div>
<div class="col-sm-2" xid="col9">
   <div class="x-control" component="$UI/system/components/justep/gridFilter/gridFilter" xid="gridFilter5" filterData="mainData" filterCol="scms" defaultValue=' $model.mainData.val("scms")'>
   <div class="x-gridSelect" component="$UI/system/components/justep/gridSelect/gridSelect" xid="gridSelect8" defaultLabel="'请选择'" clearButton="false" autoOptionWidth="false" inputChangeable="true">
   <option xid="option7" data="selectSCMSData" value="scms" label="scms"></option></div> </div> </div> </div> </div><div component="$UI/system/components/justep/grid/grid" hiddenCaptionbar="true" altRows="true" class="x-grid-no-bordered" xid="bigEventGrid" data="mainData">
<columns xid="columns2"><column width="100" name="rqsj" xid="column13"></column>
  <column width="100" name="cpmc" xid="column14"></column>
  <column width="100" name="cpgg" xid="column15"></column>
  <column width="100" name="pfbh" xid="column16"></column>
  <column width="100" name="dlmc" xid="column17"></column>
  <column width="100" name="scms" xid="column18"></column>
  <column width="100" name="sbms" xid="column19"></column>
  <column width="100" name="glcgcfjbl" xid="column20"></column>
  <column width="100" name="gyygcfjbl" xid="column21"></column>
  <column width="100" name="bympzl" xid="column22"></column>
  <column width="100" name="byjsftd" xid="column23"></column>
  <column width="100" name="mpsfks" xid="column24"></column>
  <column width="100" name="mpsfjs" xid="column25"></column>
  <column width="100" name="mgsfks" xid="column26"></column>
  <column width="100" name="mgsfjs" xid="column27"></column></columns></div>

justep_hzj · 发表于 2018-5-30 15:49:54

第三部分：
<div component="$UI/system/components/justep/pagerBar/pagerBar" class="x-pagerbar container-fluid" xid="bigEventPagerBar" data="mainData">
<div class="row" xid="div10">
<div class="col-sm-3" xid="div11">
   <div class="x-pagerbar-length" xid="div12">
   <label component="$UI/system/components/justep/pagerLimitSelect/pagerLimitSelect" class="x-pagerlimitselect" xid="pagerLimitSelect1">
   <span xid="span1">显示</span>
   <select component="$UI/system/components/justep/select/select" class="form-control input-sm" xid="select2">
      <option value="10" xid="default5">10</option>
      <option value="20" xid="default6">20</option>
      <option value="50" xid="default7">50</option>
      <option value="100" xid="default8">100</option></select>
   <span xid="span11">条</span></label> </div> </div>
<div class="col-sm-3" xid="div13">
   <div class="x-pagerbar-info" xid="div14">当前显示0条，共0条</div></div>
<div class="col-sm-6" xid="div15">
   <div class="x-pagerbar-pagination" xid="div16">
   <ul class="pagination" component="$UI/system/components/bootstrap/pagination/pagination" xid="pagination2">
   <li class="prev" xid="li5">
      <a href="#" xid="a3">
      <span aria-hidden="true" xid="span13">«</span>
      <span class="sr-only" xid="span14">Previous</span></a> </li>
   <li class="next" xid="li6">
      <a href="#" xid="a4">
      <span aria-hidden="true" xid="span15">»</span>
      <span class="sr-only" xid="span16">Next</span></a> </li> </ul> </div> </div> </div> </div>
  </div>
<div xid="logging" class="tab-pane">
  <div component="$UI/system/components/justep/toolBar/toolBar" class="x-toolbar form-inline x-toolbar-spliter" xid="loggingBar"><a component="$UI/system/components/justep/button/button" class="btn btn-link btn-icon-left" onClick="{'operation':'mainData.refresh'}" xid="button4">
<i xid="i3"></i>
<span xid="span31"></span></a>
  <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-icon-left" onClick="{'operation':'bizFilter1.menu'}" xid="button6">
<i xid="i7"></i>
<span xid="span32"></span></a></div><div class="form-horizontal container-fluid" component="$UI/system/components/bootstrap/form/form" xid="form3">
<div class="form-group" xid="formGroup3">
<div class="col-sm-1" xid="col17">
   <label class="control-label" xid="controlLabel10">生产批号：</label></div>
<div class="col-sm-2" xid="col19">
   <div class="x-control" component="$UI/system/components/justep/gridFilter/gridFilter" xid="gridFilter90" filterData="mainData" filterCol="scph" defaultValue=' $model.mainData.val("scph")'>
   <div class="x-gridSelect" component="$UI/system/components/justep/gridSelect/gridSelect" xid="gridSelect90" defaultLabel="'请选择'" clearButton="false" autoOptionWidth="false" inputChangeable="true">
   <option xid="option90" data="selectSCPHData" value="scph" label="scph"></option></div> </div> </div>
<div class="col-sm-1" xid="col18">
   <label class="control-label" xid="controlLabel11">设备名称：</label></div>
<div class="col-sm-2" xid="col21">
   <div class="x-control" component="$UI/system/components/justep/gridFilter/gridFilter" xid="gridFilter91" filterData="mainData" filterCol="sbmc" defaultValue=' $model.mainData.val("sbmc")'>
   <div class="x-gridSelect" component="$UI/system/components/justep/gridSelect/gridSelect" xid="gridSelect91" defaultLabel="'请选择'" clearButton="false" autoOptionWidth="false" inputChangeable="true">
   <option xid="option91" data="selectSBMCData" value="sbmc" label="sbmc"></option></div> </div> </div>
<div class="col-sm-1" xid="col20">
   <label class="control-label" xid="controlLabel12">设备编号：</label></div>
<div class="col-sm-2" xid="col24">
   <div class="x-control" component="$UI/system/components/justep/gridFilter/gridFilter" xid="gridFilter92" filterData="mainData" filterCol="sbbh" defaultValue=' $model.mainData.val("sbbh")'>
   <div class="x-gridSelect" component="$UI/system/components/justep/gridSelect/gridSelect" xid="gridSelect92" defaultLabel="'请选择'" clearButton="false" autoOptionWidth="false" inputChangeable="true">
   <option xid="option92" data="selectSBBHData" value="sbbh" label="sbbh"></option></div> </div> </div>
<div class="col-sm-1" xid="col22">
   <label class="control-label" xid="controlLabel9">生产模式：</label></div>
<div class="col-sm-2" xid="col23">
   <div class="x-control" component="$UI/system/components/justep/gridFilter/gridFilter" xid="gridFilter93" filterData="mainData" filterCol="scms" defaultValue=' $model.mainData.val("scms")' onFilter="gridFilter93Filter">
   <div class="x-gridSelect" component="$UI/system/components/justep/gridSelect/gridSelect" xid="gridSelect93" clearButton="false" autoOptionWidth="false" inputChangeable="true" defaultLabel="'请选择'">
   <option xid="option93" data="selectSCMSData" value="scms" label="scms"></option></div> </div> </div> </div> </div><div component="$UI/system/components/justep/grid/grid" hiddenCaptionbar="true" altRows="true" class="x-grid-no-bordered" xid="loggingGrid" data="mainData">
<columns xid="columns4"><column width="100" name="dqzt" xid="column29"></column><column width="100" name="rqsj" xid="column28"></column>

  <column width="100" name="dlmc" xid="column30"></column>
  <column width="100" name="scms" xid="column31"></column>
  <column width="100" name="sbms" xid="column32"></column>
  <column width="100" name="dqjd" xid="column33"></column>
  <column width="100" name="bympzl" xid="column34"></column>
  <column width="100" name="bymgzl" xid="column35"></column>
  <column width="100" name="bympgs" xid="column36"></column>
  <column width="100" name="byjsftd" xid="column37"></column>
  <column width="100" name="mssfqr" xid="column101"></column><column width="100" name="yrcxsj" xid="column38"></column>
  <column width="100" name="slcxsj" xid="column39"></column>
  <column width="100" name="bycxsj" xid="column40"></column>
  <column width="100" name="pjcxsj" xid="column41"></column>
  <column width="100" name="hhcxsj" xid="column42"></column>
  <column width="100" name="gzcxsj" xid="column43"></column>
  <column width="100" name="clcxsj" xid="column44"></column>
  <column width="100" name="yxcxsj" xid="column45"></column>
  <column width="100" name="qxcxsj" xid="column46"></column>
  <column width="100" name="pxcxsj" xid="column47"></column>
  <column width="100" name="pjcsdqsd" xid="column48"></column>
  <column width="100" name="hhcsdqsd" xid="column49"></column>
  <column width="100" name="gzcsdqsd" xid="column50"></column>
  <column width="100" name="yxcsdqsd" xid="column51"></column>
  <column width="100" name="qxcsdqsd" xid="column52"></column>
  <column width="100" name="pxcsdqsd" xid="column53"></column>
  <column width="100" name="ahucfwd" xid="column54"></column>
  <column width="100" name="ahucfsd" xid="column55"></column>
  <column width="100" name="ahucfkfl" xid="column56"></column>
  <column width="100" name="byjpfwd" xid="column57"></column>
  <column width="100" name="byjpfsd" xid="column58"></column>
  <column width="100" name="byjnwd" xid="column59"></column>
  <column width="100" name="byjnzkd" xid="column60"></column>
  <column width="100" name="bygzs" xid="column61"></column>
  <column width="100" name="pfjzs" xid="column62"></column>
  <column width="100" name="pcwd" xid="column63"></column>
  <column width="100" name="byyll" xid="column64"></column>
  <column width="100" name="byyyl" xid="column65"></column>
  <column width="100" name="qqjgsj" xid="column66"></column>
  <column width="100" name="qjsw" xid="column67"></column>
  <column width="100" name="qjsy" xid="column68"></column>
  <column width="100" name="qjsls" xid="column69"></column>
  <column width="100" name="qjjmc" xid="column70"></column>
  <column width="100" name="qjjyl" xid="column71"></column>
  <column width="100" name="qjjwd" xid="column72"></column>
  <column width="100" name="qjjdyl" xid="column73"></column>
  <column width="100" name="qjjls" xid="column74"></column>
  <column width="100" name="gzkqwd" xid="column75"></column>
  <column width="100" name="gzkqyl" xid="column76"></column>
  <column width="100" name="gzkqll" xid="column77"></column>
  <column width="100" name="zqyl" xid="column78"></column>
  <column width="100" name="lnsyl" xid="column79"></column>
  <column width="100" name="glq1yc" xid="column80"></column>
  <column width="100" name="glq2yc" xid="column81"></column>
  <column width="100" name="glq3yc" xid="column82"></column>
  <column width="100" name="bj1cfjcjs" xid="column83"></column>
  <column width="100" name="bj2cfjcjs" xid="column84"></column>
  <column width="100" name="bj3cfjcjs" xid="column85"></column>
  <column width="100" name="ztcsyy" xid="column86"></column>
  <column width="100" name="cqcsyy" xid="column87"></column>
  </columns></div>

justep_hzj · 发表于 2018-5-30 15:50:18

第四部分：
<div component="$UI/system/components/justep/pagerBar/pagerBar" class="x-pagerbar container-fluid" xid="loggingPagerBar" data="mainData">
<div class="row" xid="div17">
<div class="col-sm-3" xid="div18">
   <div class="x-pagerbar-length" xid="div19">
   <label component="$UI/system/components/justep/pagerLimitSelect/pagerLimitSelect" class="x-pagerlimitselect" xid="pagerLimitSelect2">
   <span xid="span17">显示</span>
   <select component="$UI/system/components/justep/select/select" class="form-control input-sm" xid="select3">
      <option value="10" xid="default9">10</option>
      <option value="20" xid="default10">20</option>
      <option value="50" xid="default11">50</option>
      <option value="100" xid="default12">100</option></select>
   <span xid="span18">条</span></label> </div> </div>
<div class="col-sm-3" xid="div20">
   <div class="x-pagerbar-info" xid="div21">当前显示0条，共0条</div></div>
<div class="col-sm-6" xid="div22">
   <div class="x-pagerbar-pagination" xid="div23">
   <ul class="pagination" component="$UI/system/components/bootstrap/pagination/pagination" xid="pagination3">
   <li class="prev" xid="li7">
      <a href="#" xid="a5">
      <span aria-hidden="true" xid="span19">«</span>
      <span class="sr-only" xid="span20">Previous</span></a> </li>
   <li class="next" xid="li8">
      <a href="#" xid="a6">
      <span aria-hidden="true" xid="span21">»</span>
      <span class="sr-only" xid="span22">Next</span></a> </li> </ul> </div> </div> </div> </div>

  </div>
  <div xid="alarm" class="tab-pane"><div component="$UI/system/components/justep/toolBar/toolBar" class="x-toolbar form-inline x-toolbar-spliter" xid="alarmBar"><a component="$UI/system/components/justep/button/button" class="btn btn-link btn-icon-left" onClick="{'operation':'mainData.refresh'}" xid="button7">
<i xid="i9"></i>
<span xid="span33"></span></a>
  <a component="$UI/system/components/justep/button/button" class="btn btn-link btn-icon-left" onClick="{'operation':'bizFilter1.menu'}" xid="button8">
<i xid="i10"></i>
<span xid="span34"></span></a></div><div class="form-horizontal container-fluid" component="$UI/system/components/bootstrap/form/form" xid="form4">
<div class="form-group" xid="formGroup4">
<div class="col-sm-1" xid="col25">
   <label class="control-label" xid="controlLabel14">生产批号：</label></div>
<div class="col-sm-2" xid="col27">
   <div class="x-control" component="$UI/system/components/justep/gridFilter/gridFilter" xid="gridFilter13" filterData="mainData" filterCol="scph" defaultValue=' $model.mainData.val("scph")'>
   <div class="x-gridSelect" component="$UI/system/components/justep/gridSelect/gridSelect" xid="gridSelect14" defaultLabel="'请选择'" clearButton="false" autoOptionWidth="false" inputChangeable="true">
   <option xid="option14" data="selectSCPHData" value="scph" label="scph"></option></div> </div> </div>
<div class="col-sm-1" xid="col26">
   <label class="control-label" xid="controlLabel15">设备名称：</label></div>
<div class="col-sm-2" xid="col29">
   <div class="x-control" component="$UI/system/components/justep/gridFilter/gridFilter" xid="gridFilter14" filterData="mainData" filterCol="sbmc" defaultValue=' $model.mainData.val("sbmc")'>
   <div class="x-gridSelect" component="$UI/system/components/justep/gridSelect/gridSelect" xid="gridSelect15" defaultLabel="'请选择'" clearButton="false" autoOptionWidth="false" inputChangeable="true">
   <option xid="option15" data="selectSBMCData" value="sbmc" label="sbmc"></option></div> </div> </div>
<div class="col-sm-1" xid="col28">
   <label class="control-label" xid="controlLabel16">设备编号：</label></div>
<div class="col-sm-2" xid="col32">
   <div class="x-control" component="$UI/system/components/justep/gridFilter/gridFilter" xid="gridFilter15" filterData="mainData" filterCol="sbbh" defaultValue=' $model.mainData.val("sbbh")'>
   <div class="x-gridSelect" component="$UI/system/components/justep/gridSelect/gridSelect" xid="gridSelect16" defaultLabel="'请选择'" clearButton="false" autoOptionWidth="false" inputChangeable="true">
   <option xid="option16" data="selectSBBHData" value="sbbh" label="sbbh"></option></div> </div> </div>
<div class="col-sm-1" xid="col30">
   <label class="control-label" xid="controlLabel13">生产模式：</label></div>
<div class="col-sm-2" xid="col31">
   <div class="x-control" component="$UI/system/components/justep/gridFilter/gridFilter" xid="gridFilter16" filterData="mainData" filterCol="scms" defaultValue=' $model.mainData.val("scms")'>
   <div class="x-gridSelect" component="$UI/system/components/justep/gridSelect/gridSelect" xid="gridSelect13" defaultLabel="'请选择'" clearButton="false" autoOptionWidth="false" inputChangeable="true">
   <option xid="option13" data="selectSCMSData" value="scms" label="scms"></option></div> </div> </div> </div> </div><div component="$UI/system/components/justep/grid/grid" hiddenCaptionbar="true" altRows="true" class="x-grid-no-bordered" xid="alarmGrid" data="mainData">
<columns xid="columns3"><column width="100" name="rqsj" xid="column88"></column>
  <column width="100" name="dlmc" xid="column89"></column>
  <column width="100" name="scms" xid="column90"></column>
  <column width="100" name="sbms" xid="column91"></column>
  <column width="100" name="dqjd" xid="column92"></column>
  <column width="100" name="bj1cfjcjs" xid="column93"></column>
  <column width="100" name="bj2cfjcjs" xid="column94"></column>
  <column width="100" name="bj3cfjcjs" xid="column95"></column>
  <column width="100" name="ztcsyy" xid="column96"></column>
  <column width="100" name="cqcsyy" xid="column97"></column></columns></div><div component="$UI/system/components/justep/pagerBar/pagerBar" class="x-pagerbar container-fluid" xid="alarmPagerBar" data="mainData">
<div class="row" xid="div24">
<div class="col-sm-3" xid="div25">
   <div class="x-pagerbar-length" xid="div26">
   <label component="$UI/system/components/justep/pagerLimitSelect/pagerLimitSelect" class="x-pagerlimitselect" xid="pagerLimitSelect3">
   <span xid="span23">显示</span>
   <select component="$UI/system/components/justep/select/select" class="form-control input-sm" xid="select4">
      <option value="10" xid="default13">10</option>
      <option value="20" xid="default14">20</option>
      <option value="50" xid="default15">50</option>
      <option value="100" xid="default16">100</option></select>
   <span xid="span24">条</span></label> </div> </div>
<div class="col-sm-3" xid="div27">
   <div class="x-pagerbar-info" xid="div28">当前显示0条，共0条</div></div>
<div class="col-sm-6" xid="div29">
   <div class="x-pagerbar-pagination" xid="div30">
   <ul class="pagination" component="$UI/system/components/bootstrap/pagination/pagination" xid="pagination4">
   <li class="prev" xid="li9">
      <a href="#" xid="a7">
      <span aria-hidden="true" xid="span25">«</span>
      <span class="sr-only" xid="span26">Previous</span></a> </li>
   <li class="next" xid="li10">
      <a href="#" xid="a8">
      <span aria-hidden="true" xid="span27">»</span>
      <span class="sr-only" xid="span28">Next</span></a> </li> </ul> </div> </div> </div> </div>

  </div></div>
  </div>
<span component="$UI/system/components/justep/bizFilter/bizFilter" xid="bizFilter1" filterData="mainData" filterCols="scph,rqsj,dqzt,cpmc,cpgg,pfbh,sbbh,sbmc,dlmc,scms,sbms,dqjd"></span></div>

jishuang · 发表于 2018-5-30 16:07:32

用panel布局把grid放到panel的center中

justep_hzj · 发表于 2018-5-30 16:27:34

有panel和panel(bootstrap)这两种组件。
我都试过了，不行啊。用panel(bootstrap)的效果见图四：
把grid放到panel的center中，是什么意思？
是图三中的设置吗？

jishuang · 发表于 2018-5-30 16:53:37

所有tab页中的都放到panel中了？

justep_hzj · 发表于 2018-5-30 17:27:26

所有tab页中的都放到panel中了，还是不行，见图五。

		自动登录	找回密码
密码			注册

[处理中3] Grid的上下、左右水平滚动条改成都在当前屏幕视野范围内