Render on Demand for grid

answered 2010-08-12 21:01:31 +0800

lianglinfan
48

I have the same problem.
I was using Zk CE 5.0.3, it took 5-6 seconds to show a grid with 50*40 cells.
Yesterday, I switched to ZK EE 5.0.4(Eval), but the problem still remains.
I've turned the ROD switch on in ZK.xml, the grid has a listmodel, render, a limited viewport( vflex = true) and is in paging mode.
Have I missed anything else ?

answered 2010-08-17 22:05:40 +0800

henrichen
3869 ● 2

@lianglinfan,

Sample codes please.

answered 2010-08-20 01:21:14 +0800

lianglinfan
48

public class MyGridController extends GenericAutowireComposer {
private static final long serialVersionUID = 10001l;
private Window gridWnd;
private Grid grid;

public void doAfterCompose(Component window) throws Exception{
super.doAfterCompose(window);
//在grid.zul中没有指定,主要是为防止打开多个网格时ZK报ID重复的错误
gridWnd = (Window)window;
init( );
}

public void onQuery() throws InterruptedException{
long st1 = System.currentTimeMillis();
MyGridDataModel model = getModel();
long st2 = System.currentTimeMillis();
System.out.println("getModel time:"+(st2-st1));
if( model != null ){
//删除columns，生成columns
if( grid.getColumns()!= null ){
grid.removeChild(grid.getColumns());
}
genColumns(model);
grid.setModel(model);
}
}

private void init(){
long t = System.currentTimeMillis();
grid.setRowRenderer(new MyGridRowRender());
MyGridDataModel model = getModel();
//设置分页行数
grid.setPageSize(50);
if( model != null ){
//生成columns
genColumns(model);
//设置数据模型
grid.setModel(model);

Frozen frozen = new Frozen();
frozen.setColumns(1);
frozen.setStart(0);
frozen.setParent(grid);
}
System.out.print("init window time = "+(System.currentTimeMillis()-t));
}

private MyGridDataModel getModel() {
String[] rowHeaders = new String[100];
for( int i=0; i<rowHeaders.length; i++ ){
rowHeaders = ("row"+(i+1));
}
String[] colHeaders = new String[40];
for( int i=0; i<colHeaders.length; i++ ){
colHeaders = ("col"+(i+1));
}

SimpleDateFormat formatter = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
Date currentTime = new Date();
String time =formatter.format(currentTime);
Object[][] datas = new Object[rowHeaders.length][];
for( int i=0; i<datas.length; i++ ){
datas = new Object[colHeaders.length];
for( int j=0; j<datas.length; j++ ){
datas = time;
}
}
return new MyGridDataModel(colHeaders, rowHeaders, datas);
}

private void genColumns(MyGridDataModel model){
String[] colHeaders = model.getColMembers();
String[] rowHeaders = model.getRowMembers();

if( colHeaders != null && colHeaders.length>0 && rowHeaders != null && rowHeaders.length>0 ){
int colDims = 1;
int rowDims = 1;

//生成columns
Columns columns = new Columns();
columns.setParent(grid);
columns.setSizable(true);

for( int i =0; i<rowDims; i++ ){
Column col = new Column();
col.setParent(columns);
col.setWidth("120px");
}

for( int i=0; i<colHeaders.length; i++ ){
Column col = new Column();
columns.appendChild(col);
col.setLabel(colHeaders);
col.setWidth("120px");
}
}
}

public class MyGridRowRender implements RowRenderer {

@Override
public void render(Row row, Object data) throws Exception {
if( data != null && data instanceof Object[] ){
row.setStyle("padding:0");
row.setHeight("20px");
Object[] objs = (Object[])data;
if( objs.length == 2){
String rowHeader = (String)objs[0];
Object[] datas = (Object[])objs[1];
if( rowHeader != null ){
renderRowHeaders(row, rowHeader);
}
if( datas != null ){
renderDatas(row, datas);
}
}
}
}

private void renderRowHeaders(Row row, String rowHeader){
if( rowHeader != null ){
Cell hbox = new Cell();
hbox.setWidth("100%");
hbox.setHeight("20px");
hbox.setStyle("background:#c3e7fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis");
hbox.setValign("center");
hbox.setParent(row);
new Label(rowHeader).setParent(hbox);
}
}

private void renderDatas(Row row, Object[] datas){
if( datas != null){
for( int i=0; i<datas.length; i++ ){
Label lbl = new Label();
Object data = datas;
if( data != null ){
lbl.setValue(data.toString());
}
lbl.setParent(row);
}
}
}
}
public class MyGridDataModel extends AbstractListModel
implements ListModelExt, ListSubModel, java.io.Serializable {

private final static long serialVersionUID = 12345l;

private String[] colMembers;
private String[] rowMembers;
private Object[][] datas;

public MyGridDataModel(){
super();
}
public MyGridDataModel(String[] colMembers,
String[] rowMembers,
Object[][] datas){
this.colMembers = colMembers;
this.rowMembers = rowMembers;
this.datas = datas;
}

/**
* 返回每行数据
* 这里返回一个数组,包括行维度成员和该行数据
*/
public Object getElementAt(int index) {
if( datas != null && rowMembers!= null && colMembers != null &&
datas.length == rowMembers.length &&
index < datas.length ){
Object[] rowDatas = new Object[2];
rowDatas[0] = rowMembers;
rowDatas[1] = datas;
return rowDatas;
}
return null;
}
@Override
public int getSize() {
return (datas != null ) ? datas.length: 0;
}
@Override
public ListModel getSubModel(Object value, int rows) {
return null;
}
@Override
public void sort(Comparator cmpr, boolean ascending) {
}

public String[] getColMembers(){
return colMembers;
}
public String[] getRowMembers(){
return rowMembers;
}
public Object[][] getDatas(){
return datas;
}
}
}