0

Headers move when click to the next page

asked 2020-11-17 00:09:36 +0800

softteam gravatar image softteam
120 8

updated 2020-11-19 16:51:10 +0800

Hi,

With listboxes and grids when we go to the next page, headers do an strange visually movement that change the width of the columns and then go back to the right position. To illustrate this, I attached an image: at the left part we can see a listbox at its unwanted state (it lasts less than 1 second) and at the right part we can see the wanted state which is both the state before we click to the next page and the final state:

image description

I dont know why is happenging this comportament. This is the code of this listbox:

<listbox id="LBSeguimiento" vflex="1" autopaging="true" width="100%" style="margin-top:4px;" span="true" onSelect="@command('SeleccionaFila')" model="@load(vm.beans)" selectedItem="@bind(vm.beanSeleccionado)" >
  <listhead sizable="true">
    <listheader id="LHCodigo" value="1" label="_Martícula" width="150px"/>
    <listheader id="LHDescripcion" value="2" label="_Descripción"/>
    <listheader id="LHCodigoModelo" value="3" label="_Código modelo" width="150px"/>
  </listhead>

  <template name="model" var="item">
   <listitem  value="@load(item)" onDoubleClick="@command('DobleClickFila')" style="@load(item.registroNuevo ne 0 ? 'background:orange !important' : '')">

    <listcell label="@load(item.codigo)" style="@load(item.estilo)"/>                                            
    <listcell label="@load(item.descripcion)" style="@load(item.estilo)"/>                                           
    <listcell label="@load(item.codigoModelo)" style="@load(item.estilo)"/>
  </listitem>
 </template>
</listbox>

Any idea? We are using ZK 9.1.0.

Thank you, Javier

Edit: I add the zkau request when click on the next page with width ="150px" and without it:

With width:

--- zkau {"rs":[["rm",["oEDP4"]],["rm",["oEDP14"]],["rm",["oEDP34"]],["rm",["oEDP54"]],["rm",["oEDP74"]],["rm",["oEDP94"]],["rm",["oEDPp4"]],["rm",["oEDPr4"]],["rm",["oEDPt4"]],["rm",["oEDPv4"]],["rm",["oEDPx4"]],["rm",["oEDPz4"]],["rm",["oEDP05"]],["rm",["oEDP25"]],["rm",["oEDP45"]],["rm",["oEDP65"]],["rm",["oEDP85"]],["rm",["oEDPa5"]],["rm",["oEDPc5"]],["rm",["oEDPe5"]],["rm",["oEDPg5"]],["rm",["oEDPi5"]],["rm",["oEDPk5"]],["rm",["oEDPm5"]],["rm",["oEDP98"]],["rm",["oEDPb8"]],["rm",["oEDPd8"]],["rm",["oEDPf8"]],["rm",["oEDPh8"]],["rm",["oEDPj8"]],["rm",["oEDPl8"]],["rm",["oEDPn8"]],["rm",["oEDPp8"]],["rm",["oEDPr8"]],["rm",["oEDPt8"]],["rm",["oEDPv8"]],["rm",["oEDPx8"]],["rm",["oEDPz8"]],["rm",["oEDP09"]],["rm",["oEDP29"]],["rm",["oEDP49"]],["rm",["oEDP69"]],["rm",["oEDP89"]],["rm",["oEDPa9"]],["rm",["oEDPc9"]],["rm",["oEDPe9"]],["rm",["oEDPg9"]],["rm",["oEDPi9"]],["outerPartial",[{$u:'oEDPt'},[ ['zul.sel.Listbox','oEDPt',{id:'LBSeguimiento',$$0onDataLoading:true,$onSelect:true,$$0onAcrossPage:true,$$0onRender:true,$$0onAnchorPos:true,$$0onCheckSelectAll:true,$$0onInnerWidth:true,$$0onScrollPos:true,$$0onPageSize:true,overrides:{onSize: function () {this.$onSize();RecalcularAlturaListbox('oEDPt')} },width:'100%',vflex:'1',style:'margin-top:4px;',prolog:' ',span:'true',autopaging:true,nativebar:true,emptyMessage:'No se han encontrado datos',model:true,topPad:0,totalSize:24,offset:0,listbox$shallUpdateScrollPos:true},{},[ ['zul.sel.Listhead','oEDPu',{sizable:true},{},[ ['zul.sel.Listheader','oEDPv',{id:'LHCodigo',visible:false,$onSort:true,$$0onSort:true,$onDrop:true,width:'150px',draggable:'head',droppable:'head',label:'Matr\xEDcula',sortDescending:'fromServer',sortAscending:'fromServer'},{},[]], ['zul.sel.Listheader','oEDPw',{id:'LHDescripcion',visible:false,$onSort:true,$$0onSort:true,$onDrop:true,draggable:'head',droppable:'head',label:'Descripci\xF3n',sortDescending:'fromServer',sortAscending:'fromServer'},{},[]], ['zul.sel.Listheader','oEDPx',{id:'LHCodigoModelo',visible:false,$onSort:true,$$0onSort:true,$onDrop:true,width:'150px',draggable:'head',droppable:'head',label:'C\xF3digo modelo',sortDescending:'fromServer',sortAscending:'fromServer'},{},[]]]], ['zul.mesh.Auxhead','oEDPy',{id:'AHFiltros',visible:false,cssflex:true},{},[ ['zul.mesh.Auxheader','oEDPz',{cssflex:true},{},[ ['zul.inp.Textbox','oEDP0',{$onCtrlKey:true,$onOK:true,$$0onError:true,$$1onChange:true,hflex:'1',prolog:' ',cssflex:true,ctrlKeys:'#f1#f5#up#down'},{},[]]]], ['zul.mesh.Auxheader','oEDP00',{cssflex:true},{},[ ['zul.inp.Textbox','oEDP10',{$onCtrlKey:true,$onOK:true,$$0onError:true,$$1onChange:true,hflex:'1',prolog:' ',cssflex:true,ctrlKeys:'#f1#f5#up#down'},{},[]]]], ['zul.mesh.Auxheader','oEDP20',{cssflex:true},{},[ ['zul.inp.Textbox','oEDP30',{$onCtrlKey:true,$onOK:true,$$0onError:true,$$1onChange:true,hflex:'1',prolog:' ',cssflex:true,ctrlKeys:'#f1#f5#up#down'},{},[]]]]]], ['zul.sel.Listitem','oEDP5c',{$onDoubleClick:true,cssflex:true,selected:true,loaded:true,index:0},{},[ ['zul.sel.Listcell','oEDP6c',{cssflex:true,label:'1M264480'},{},[]], ['zul.sel.Listcell','oEDP7c',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDP8c',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDP9c',{$onDoubleClick:true,cssflex:true,loaded:true,index:1},{},[ ['zul.sel.Listcell','oEDPac',{cssflex:true,label:'1M264481'},{},[]], ['zul.sel.Listcell','oEDPbc',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDPcc',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDPdc',{$onDoubleClick:true,cssflex:true,loaded:true,index:2},{},[ ['zul.sel.Listcell','oEDPec',{cssflex:true,label:'1M264490'},{},[]], ['zul.sel.Listcell','oEDPfc',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDPgc',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDPhc',{$onDoubleClick:true,cssflex:true,loaded:true,index:3},{},[ ['zul.sel.Listcell','oEDPic',{cssflex:true,label:'1M264494'},{},[]], ['zul.sel.Listcell','oEDPjc',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDPkc',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDPlc',{$onDoubleClick:true,cssflex:true,loaded:true,index:4},{},[ ['zul.sel.Listcell','oEDPmc',{cssflex:true,label:'1M264502'},{},[]], ['zul.sel.Listcell','oEDPnc',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDPoc',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDPpc',{$onDoubleClick:true,cssflex:true,loaded:true,index:5},{},[ ['zul.sel.Listcell','oEDPqc',{cssflex:true,label:'1M264512'},{},[]], ['zul.sel.Listcell','oEDPrc',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDPsc',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDPtc',{$onDoubleClick:true,cssflex:true,loaded:true,index:6},{},[ ['zul.sel.Listcell','oEDPuc',{cssflex:true,label:'1M264514'},{},[]], ['zul.sel.Listcell','oEDPvc',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDPwc',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDPxc',{$onDoubleClick:true,cssflex:true,loaded:true,index:7},{},[ ['zul.sel.Listcell','oEDPyc',{cssflex:true,label:'1M264516'},{},[]], ['zul.sel.Listcell','oEDPzc',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDPd',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDP0d',{$onDoubleClick:true,cssflex:true,loaded:true,index:8},{},[ ['zul.sel.Listcell','oEDP1d',{cssflex:true,label:'1M264518'},{},[]], ['zul.sel.Listcell','oEDP2d',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDP3d',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDP4d',{$onDoubleClick:true,cssflex:true,loaded:true,index:9},{},[ ['zul.sel.Listcell','oEDP5d',{cssflex:true,label:'1M264520'},{},[]], ['zul.sel.Listcell','oEDP6d',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDP7d',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDP8d',{$onDoubleClick:true,cssflex:true,loaded:true,index:10},{},[ ['zul.sel.Listcell','oEDP9d',{cssflex:true,label:'1M264523'},{},[]], ['zul.sel.Listcell','oEDPad',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDPbd',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDPcd',{$onDoubleClick:true,cssflex:true,loaded:true,index:11},{},[ ['zul.sel.Listcell','oEDPdd',{cssflex:true,label:'1M264524'},{},[]], ['zul.sel.Listcell','oEDPed',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDPfd',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDPgd',{$onDoubleClick:true,cssflex:true,loaded:true,index:12},{},[ ['zul.sel.Listcell','oEDPhd',{cssflex:true,label:'1M264529'},{},[]], ['zul.sel.Listcell','oEDPid',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDPjd',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDPkd',{$onDoubleClick:true,cssflex:true,loaded:true,index:13},{},[ ['zul.sel.Listcell','oEDPld',{cssflex:true,label:'1M264533'},{},[]], ['zul.sel.Listcell','oEDPmd',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDPnd',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDPod',{$onDoubleClick:true,cssflex:true,loaded:true,index:14},{},[ ['zul.sel.Listcell','oEDPpd',{cssflex:true,label:'1M264534'},{},[]], ['zul.sel.Listcell','oEDPqd',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDPrd',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDPsd',{$onDoubleClick:true,cssflex:true,loaded:true,index:15},{},[ ['zul.sel.Listcell','oEDPtd',{cssflex:true,label:'1M264536'},{},[]], ['zul.sel.Listcell','oEDPud',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDPvd',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDPwd',{$onDoubleClick:true,cssflex:true,loaded:true,index:16},{},[ ['zul.sel.Listcell','oEDPxd',{cssflex:true,label:'1M264538'},{},[]], ['zul.sel.Listcell','oEDPyd',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDPzd',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDPe',{$onDoubleClick:true,cssflex:true,loaded:true,index:17},{},[ ['zul.sel.Listcell','oEDP0e',{cssflex:true,label:'1M264539'},{},[]], ['zul.sel.Listcell','oEDP1e',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDP2e',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDP3e',{$onDoubleClick:true,cssflex:true,loaded:true,index:18},{},[ ['zul.sel.Listcell','oEDP4e',{cssflex:true,label:'1M264541'},{},[]], ['zul.sel.Listcell','oEDP5e',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDP6e',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDP7e',{$onDoubleClick:true,cssflex:true,loaded:true,index:19},{},[ ['zul.sel.Listcell','oEDP8e',{cssflex:true,label:'1M264543'},{},[]], ['zul.sel.Listcell','oEDP9e',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDPae',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDPbe',{$onDoubleClick:true,cssflex:true,loaded:true,index:20},{},[ ['zul.sel.Listcell','oEDPce',{cssflex:true,label:'1M264544'},{},[]], ['zul.sel.Listcell','oEDPde',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDPee',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDPfe',{$onDoubleClick:true,cssflex:true,loaded:true,index:21},{},[ ['zul.sel.Listcell','oEDPge',{cssflex:true,label:'1M264545'},{},[]], ['zul.sel.Listcell','oEDPhe',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDPie',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDPje',{$onDoubleClick:true,cssflex:true,loaded:true,index:22},{},[ ['zul.sel.Listcell','oEDPke',{cssflex:true,label:'1M264546'},{},[]], ['zul.sel.Listcell','oEDPle',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDPme',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','oEDPne',{$onDoubleClick:true,cssflex:true,loaded:true,index:23},{},[ ['zul.sel.Listcell','oEDPoe',{cssflex:true,label:'1M264551'},{},[]], ['zul.sel.Listcell','oEDPpe',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','oEDPqe',{cssflex:true,label:'UC1M'},{},[]]]]]]]]],["echo2",[{$u:'oEDP4'},"onPintar"]],["setAttr",[{$u:'oEDP1'},"value","25"]],["setAttr",[{$u:'oEDP31'},"value","48"]],["setAttr",[{$u:'oEDPh0'},"_value",2]],["setAttr",[{$u:'oEDPc0'},"disabled",false]],["setAttr",[{$u:'oEDP90'},"disabled",false]]],"rid":3}

--- zkau {"rs":[["setAttr",[{$u:'oEDPv'},"visible",true]],["setAttr",[{$u:'oEDPw'},"visible",true]],["setAttr",[{$u:'oEDPx'},"visible",true]],["focus",[{$u:'oEDP5c'}]]],"rid":4} --- zkau {"rs":[["setAttr",[{$u:'oEDPt'},"span",false]]],"rid":5}

Without width: --- zkau {"rs":[["rm",["hGAP4"]],["rm",["hGAP14"]],["rm",["hGAP34"]],["rm",["hGAP54"]],["rm",["hGAP74"]],["rm",["hGAP94"]],["rm",["hGAPp4"]],["rm",["hGAPr4"]],["rm",["hGAPt4"]],["rm",["hGAPv4"]],["rm",["hGAPx4"]],["rm",["hGAPz4"]],["rm",["hGAP05"]],["rm",["hGAP25"]],["rm",["hGAP45"]],["rm",["hGAP65"]],["rm",["hGAP85"]],["rm",["hGAPa5"]],["rm",["hGAPc5"]],["rm",["hGAPe5"]],["rm",["hGAPg5"]],["rm",["hGAPi5"]],["rm",["hGAPk5"]],["rm",["hGAPm5"]],["rm",["hGAP98"]],["rm",["hGAPb8"]],["rm",["hGAPd8"]],["rm",["hGAPf8"]],["rm",["hGAPh8"]],["rm",["hGAPj8"]],["rm",["hGAPl8"]],["rm",["hGAPn8"]],["rm",["hGAPp8"]],["rm",["hGAPr8"]],["rm",["hGAPt8"]],["rm",["hGAPv8"]],["rm",["hGAPx8"]],["rm",["hGAPz8"]],["rm",["hGAP09"]],["rm",["hGAP29"]],["rm",["hGAP49"]],["rm",["hGAP69"]],["rm",["hGAP89"]],["rm",["hGAPa9"]],["rm",["hGAPc9"]],["rm",["hGAPe9"]],["rm",["hGAPg9"]],["rm",["hGAPi9"]],["outerPartial",[{$u:'hGAPt'},[ ['zul.sel.Listbox','hGAPt',{id:'LBSeguimiento',$$0onDataLoading:true,$onSelect:true,$$0onAcrossPage:true,$$0onRender:true,$$0onAnchorPos:true,$$0onCheckSelectAll:true,$$0onInnerWidth:true,$$0onScrollPos:true,$$0onPageSize:true,overrides:{onSize: function () {this.$onSize();RecalcularAlturaListbox('hGAPt')} },width:'100%',vflex:'1',style:'margin-top:4px;',prolog:' ',span:'true',autopaging:true,nativebar:true,emptyMessage:'No se han encontrado datos',model:true,topPad:0,totalSize:24,offset:0,listbox$shallUpdateScrollPos:true},{},[ ['zul.sel.Listhead','hGAPu',{sizable:true},{},[ ['zul.sel.Listheader','hGAPv',{id:'LHCodigo',visible:false,$onSort:true,$$0onSort:true,$onDrop:true,draggable:'head',droppable:'head',label:'Matr\xEDcula',sortDescending:'fromServer',sortAscending:'fromServer'},{},[]], ['zul.sel.Listheader','hGAPw',{id:'LHDescripcion',visible:false,$onSort:true,$$0onSort:true,$onDrop:true,draggable:'head',droppable:'head',label:'Descripci\xF3n',sortDescending:'fromServer',sortAscending:'fromServer'},{},[]], ['zul.sel.Listheader','hGAPx',{id:'LHCodigoModelo',visible:false,$onSort:true,$$0onSort:true,$onDrop:true,draggable:'head',droppable:'head',label:'C\xF3digo modelo',sortDescending:'fromServer',sortAscending:'fromServer'},{},[]]]], ['zul.mesh.Auxhead','hGAPy',{id:'AHFiltros',visible:false,cssflex:true},{},[ ['zul.mesh.Auxheader','hGAPz',{cssflex:true},{},[ ['zul.inp.Textbox','hGAP0',{$onCtrlKey:true,$onOK:true,$$0onError:true,$$1onChange:true,hflex:'1',prolog:' ',cssflex:true,ctrlKeys:'#f1#f5#up#down'},{},[]]]], ['zul.mesh.Auxheader','hGAP00',{cssflex:true},{},[ ['zul.inp.Textbox','hGAP10',{$onCtrlKey:true,$onOK:true,$$0onError:true,$$1onChange:true,hflex:'1',prolog:' ',cssflex:true,ctrlKeys:'#f1#f5#up#down'},{},[]]]], ['zul.mesh.Auxheader','hGAP20',{cssflex:true},{},[ ['zul.inp.Textbox','hGAP30',{$onCtrlKey:true,$onOK:true,$$0onError:true,$$1onChange:true,hflex:'1',prolog:' ',cssflex:true,ctrlKeys:'#f1#f5#up#down'},{},[]]]]]], ['zul.sel.Listitem','hGAP5c',{$onDoubleClick:true,cssflex:true,selected:true,loaded:true,index:0},{},[ ['zul.sel.Listcell','hGAP6c',{cssflex:true,label:'1M264480'},{},[]], ['zul.sel.Listcell','hGAP7c',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAP8c',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAP9c',{$onDoubleClick:true,cssflex:true,loaded:true,index:1},{},[ ['zul.sel.Listcell','hGAPac',{cssflex:true,label:'1M264481'},{},[]], ['zul.sel.Listcell','hGAPbc',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAPcc',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAPdc',{$onDoubleClick:true,cssflex:true,loaded:true,index:2},{},[ ['zul.sel.Listcell','hGAPec',{cssflex:true,label:'1M264490'},{},[]], ['zul.sel.Listcell','hGAPfc',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAPgc',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAPhc',{$onDoubleClick:true,cssflex:true,loaded:true,index:3},{},[ ['zul.sel.Listcell','hGAPic',{cssflex:true,label:'1M264494'},{},[]], ['zul.sel.Listcell','hGAPjc',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAPkc',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAPlc',{$onDoubleClick:true,cssflex:true,loaded:true,index:4},{},[ ['zul.sel.Listcell','hGAPmc',{cssflex:true,label:'1M264502'},{},[]], ['zul.sel.Listcell','hGAPnc',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAPoc',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAPpc',{$onDoubleClick:true,cssflex:true,loaded:true,index:5},{},[ ['zul.sel.Listcell','hGAPqc',{cssflex:true,label:'1M264512'},{},[]], ['zul.sel.Listcell','hGAPrc',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAPsc',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAPtc',{$onDoubleClick:true,cssflex:true,loaded:true,index:6},{},[ ['zul.sel.Listcell','hGAPuc',{cssflex:true,label:'1M264514'},{},[]], ['zul.sel.Listcell','hGAPvc',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAPwc',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAPxc',{$onDoubleClick:true,cssflex:true,loaded:true,index:7},{},[ ['zul.sel.Listcell','hGAPyc',{cssflex:true,label:'1M264516'},{},[]], ['zul.sel.Listcell','hGAPzc',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAPd',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAP0d',{$onDoubleClick:true,cssflex:true,loaded:true,index:8},{},[ ['zul.sel.Listcell','hGAP1d',{cssflex:true,label:'1M264518'},{},[]], ['zul.sel.Listcell','hGAP2d',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAP3d',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAP4d',{$onDoubleClick:true,cssflex:true,loaded:true,index:9},{},[ ['zul.sel.Listcell','hGAP5d',{cssflex:true,label:'1M264520'},{},[]], ['zul.sel.Listcell','hGAP6d',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAP7d',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAP8d',{$onDoubleClick:true,cssflex:true,loaded:true,index:10},{},[ ['zul.sel.Listcell','hGAP9d',{cssflex:true,label:'1M264523'},{},[]], ['zul.sel.Listcell','hGAPad',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAPbd',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAPcd',{$onDoubleClick:true,cssflex:true,loaded:true,index:11},{},[ ['zul.sel.Listcell','hGAPdd',{cssflex:true,label:'1M264524'},{},[]], ['zul.sel.Listcell','hGAPed',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAPfd',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAPgd',{$onDoubleClick:true,cssflex:true,loaded:true,index:12},{},[ ['zul.sel.Listcell','hGAPhd',{cssflex:true,label:'1M264529'},{},[]], ['zul.sel.Listcell','hGAPid',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAPjd',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAPkd',{$onDoubleClick:true,cssflex:true,loaded:true,index:13},{},[ ['zul.sel.Listcell','hGAPld',{cssflex:true,label:'1M264533'},{},[]], ['zul.sel.Listcell','hGAPmd',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAPnd',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAPod',{$onDoubleClick:true,cssflex:true,loaded:true,index:14},{},[ ['zul.sel.Listcell','hGAPpd',{cssflex:true,label:'1M264534'},{},[]], ['zul.sel.Listcell','hGAPqd',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAPrd',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAPsd',{$onDoubleClick:true,cssflex:true,loaded:true,index:15},{},[ ['zul.sel.Listcell','hGAPtd',{cssflex:true,label:'1M264536'},{},[]], ['zul.sel.Listcell','hGAPud',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAPvd',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAPwd',{$onDoubleClick:true,cssflex:true,loaded:true,index:16},{},[ ['zul.sel.Listcell','hGAPxd',{cssflex:true,label:'1M264538'},{},[]], ['zul.sel.Listcell','hGAPyd',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAPzd',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAPe',{$onDoubleClick:true,cssflex:true,loaded:true,index:17},{},[ ['zul.sel.Listcell','hGAP0e',{cssflex:true,label:'1M264539'},{},[]], ['zul.sel.Listcell','hGAP1e',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAP2e',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAP3e',{$onDoubleClick:true,cssflex:true,loaded:true,index:18},{},[ ['zul.sel.Listcell','hGAP4e',{cssflex:true,label:'1M264541'},{},[]], ['zul.sel.Listcell','hGAP5e',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAP6e',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAP7e',{$onDoubleClick:true,cssflex:true,loaded:true,index:19},{},[ ['zul.sel.Listcell','hGAP8e',{cssflex:true,label:'1M264543'},{},[]], ['zul.sel.Listcell','hGAP9e',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAPae',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAPbe',{$onDoubleClick:true,cssflex:true,loaded:true,index:20},{},[ ['zul.sel.Listcell','hGAPce',{cssflex:true,label:'1M264544'},{},[]], ['zul.sel.Listcell','hGAPde',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAPee',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAPfe',{$onDoubleClick:true,cssflex:true,loaded:true,index:21},{},[ ['zul.sel.Listcell','hGAPge',{cssflex:true,label:'1M264545'},{},[]], ['zul.sel.Listcell','hGAPhe',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAPie',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAPje',{$onDoubleClick:true,cssflex:true,loaded:true,index:22},{},[ ['zul.sel.Listcell','hGAPke',{cssflex:true,label:'1M264546'},{},[]], ['zul.sel.Listcell','hGAPle',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAPme',{cssflex:true,label:'UC1M'},{},[]]]], ['zul.sel.Listitem','hGAPne',{$onDoubleClick:true,cssflex:true,loaded:true,index:23},{},[ ['zul.sel.Listcell','hGAPoe',{cssflex:true,label:'1M264551'},{},[]], ['zul.sel.Listcell','hGAPpe',{cssflex:true,label:'URBAN CHIC 1 M'},{},[]], ['zul.sel.Listcell','hGAPqe',{cssflex:true,label:'UC1M'},{},[]]]]]]]]],["echo2",[{$u:'hGAP4'},"onPintar"]],["setAttr",[{$u:'hGAP1'},"value","25"]],["setAttr",[{$u:'hGAP31'},"value","48"]],["setAttr",[{$u:'hGAPh0'},"_value",2]],["setAttr",[{$u:'hGAPc0'},"disabled",false]],["setAttr",[{$u:'hGAP90'},"disabled",false]]],"rid":3}

--- zkau {"rs":[["setAttr",[{$u:'hGAPv'},"visible",true]],["setAttr",[{$u:'hGAPw'},"visible",true]],["setAttr",[{$u:'hGAPx'},"visible",true]],["focus",[{$u:'hGAP5c'}]]],"rid":4} --- zkau {"rs":[],"rid":5}

delete flag offensive retag edit

2 Answers

Sort by » oldest newest most voted
0

answered 2020-11-18 11:44:35 +0800

MDuchemin gravatar image MDuchemin
1776 1 5
ZK Team

Hi there,

A few things to check:

I think the default paging listener for Listbox will cause the component to invalidate (force a full redrawing) on every page change. If the headers are rendered without the width="150px" which would then be added at the end of the rendering, it could explain the shift in column size.

This said, this sizing info should be in the header content in the network response. Could you check if you see the following in the response to the /zkau requests sent by the paging action?

['zul.sel.Listheader','uuid1234',{id:'LHCodigo',$onSort:true,$$0onSort:true,width:'150px',cssflex:true

(the ,width:'150px', being the important part here, cause it will mean that the header renders with that width in the dom node from start) If the width attribute isn't in the Listheader, it might be at the end of the response, in a setAttr, or even in a separate /zkau request. In that case, that would give a hint as why there is a delay between redrawing and resizing.

Also, is that on every browser / OS? Or is it on a specific (Chrome/FF/IE)(Windows/ MacOS/ Linux)?

link publish delete flag offensive edit

Comments

Hi, it happens on every browser. I tried removing width and it happens anyway. I added the zkau request on this post.

softteam ( 2020-11-19 16:43:53 +0800 )edit
0

answered 2020-11-20 17:09:24 +0800

MDuchemin gravatar image MDuchemin
1776 1 5
ZK Team

updated 2020-11-20 17:09:34 +0800

Hi,

Seeing as this is a client-side behavior that currently can't be reproduced, with a structure that otherwise seem reasonable, I'd recommend going through ZK support for efficiency, and open a dedicated support ticket.

link publish delete flag offensive edit
Your answer
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow
1 follower

RSS

Stats

Asked: 2020-11-17 00:09:36 +0800

Seen: 16 times

Last updated: Nov 20

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More