ZK具有独立列的组件

我是新来的ZK框架[新手]版本5.0.8 MVC方法我试图实现一个组件，它们的列彼此独立....所有我想要做的是能代表2列中的数据，并能如果我点击IBM不是我想要点击的Oracle ..... [在同一对点击响应每列ZK具有独立列的组件

喜欢的东西

----------------------------------- 
    Company----Company 
    Oracle IBM 
    Microsoft Xerox 
    HP  Apple 
-----------------------------------

组件我的意思是我不想创建2格或2列表框或其他]

是这个p ossible？非常感谢。

来源

2013-04-25 javiut

目前尚不清楚您在独立性这里需要什么。你是在寻找与你的数据模型有关的分离，还是你只想为每个渲染单元使用不同的事件侦听器？

关于事件监听器，将听众附加到任何你喜欢的事情上是非常容易的。在ZK中，HTMLBasedComponent是通用根组件之一，支持onClick，onDoubleClick，onRightClick等。

由于这些ZK组件是动态创建的，因此您不能使用@Listen批注wire event listeners。问题是你没有预先为单元格设置ID。

相反，您需要在渲染时使用programmatically create the EventListener。

// in your RowRenderer 

public void render(Row row, Data data, int index) { 
    Label column1 = new Label(data.getOne()); 
    Label column2 = new Label(data.getTwo()); 
    column1.setParent(row); 
    column2.setParent(row); 
    column1.addEventListener(Events.ON_CLICK, new EventListener<Event>() { 
     public void onEvent(Event event) { 
      // handle event 
     } 
    }); 
    column2.addEventListener(Events.ON_CLICK, new EventListener<Event>() { 
     public void onEvent(Event event) { 
      // handle event 
     } 
    }); 
}

注意，如在这里实现，您可以为渲染每一个细胞新EventListener。这不是很有效，所以如果你可以使你的状态变为EventListener，并将必要的数据附加到Label本身，你可以节省很多计算。

关于代码分离，如果您的数据模型是面向列而不是按行的，那么您将找不到满足此要求的标准ZK组件。也就是说，像Grid和Listbox这样的组件被渲染为从顶部开始的行，使用RowRenderers等。如果这是你的问题，你会想要推出自己的组件。这听起来比听起来容易很多。

public class ColumnGrid extends Hlayout { 

    private ColumnListModel model; 
    private ColumnRenderer<? extends Component> renderer; 

    public void setModel(ColumnListModel model) { 
     this.model = model; 
    } 

    public void setRenderer(ColumnRenderer renderer) { 
     this.renderer = renderer; 
    } 

    public void onCreate() { 
     for (int i=0; i<model.size(); i++) { 
      Column col = new Column(); 
      appendChild(col); 
      renderer.render(col, model.getElementAt(i), i); 
     } 
    } 

} 

public class Column extends Vlayout {} 

public interface ColumnRenderer<T extends Component> { 

    render(Column column, T data, int index); 

}

这只是一个骨架，但你明白了。

然后，您可以甚至在你zul文件中使用这样的：

<?component name="colGrid" class="com.sean.is.cool.ColumnGrid" ?> 
<colGrid model="myModel" renderer="myColRenderer"/>

来源

2013-04-25 15:21:27

在zk的Components这样的表中，总是一行等于
到一个对象和一个柱到这个对象的一个属性。
这意味着，Listbox和Grid不会帮助你。
如果您使用zk的EE版本，我想您可能会喜欢使用Choosenbox。否则我不认为这是Component。

来源

2013-04-25 14:54:18

ZK具有独立列的组件

回答

相关问题