First time here? Check out the FAQ!
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:
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}
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)?
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.
Asked: 2020-11-17 00:09:36 +0800
Seen: 17 times
Last updated: Nov 20 '20