Mvvm zk网格：同一行中的多个列

我正在用zk网格解决一个我不知道如何解决的问题

我解释我的问题：

我需要创建一个显示问题/答案列表的网格，该网格的不同方法是，我需要在同一行中显示两对问题/答案

下一个屏幕截图显示了网格是如何工作的；i、 e.所需方面：

我尝试使用模板行执行此操作：

    <template name="model"
                                        var="modeloIzquierda">
                                        <row>
                                                <label
                                                    class="${modeloIzquierda.procedencia}"
                                                    value="@bind(modeloIzquierda.pregunta)" width="50px"
                                                    if='${!modeloIzquierda.par}' />
                                                <textbox
                                                    style="border:none;"
                                                    value="@bind(modeloIzquierda.respuesta)"
                                                    onChanging="@command('respuestaOnChange', idPregunta=modeloIzquierda.idPregunta , respuesta=event.value)"
                                                    class="textboxcadm ${modeloIzquierda.procedencia}"
                                                    if='${modeloIzquierda.tipoPregunta eq "T" and !modeloIzquierda.par}' width="100%" />
                                                <combobox
                                                    value="@bind(modeloIzquierda.respuesta)"
                                                    onChanging="@command('respuestaOnChange', idPregunta=modeloIzquierda.idPregunta , respuesta=event.value)"
                                                    class="${modeloIzquierda.procedencia}"
                                                    if='${modeloIzquierda.tipoPregunta eq "E" and !modeloIzquierda.par}'
                                                    width="90px">
                                                    <comboitem
                                                        label="A" />
                                                    <comboitem
                                                        label="B" />
                                                    <comboitem
                                                        label="C" />
                                                </combobox>
                                                <checkbox
                                                    checked="@bind(modeloIzquierda.respuesta)"
                                                    onCheck="@command('respuestaOnChange',  idPregunta=modeloIzquierda.idPregunta , respuesta=self.checked)"
                                                    if='${modeloIzquierda.tipoPregunta eq "F" and !modeloIzquierda.par}'>
                                                </checkbox>
                                                <label 
                                                    class="${modeloIzquierda.procedencia}"
                                                    value="@bind(modeloIzquierda.pregunta)" width="50px" 
                                                    if='${modeloIzquierda.par}' />
                                                <textbox
                                                    style="border:none;"
                                                    value="@bind(modeloIzquierda.respuesta)"
                                                    onChanging="@command('respuestaOnChange', idPregunta=modeloIzquierda.idPregunta , respuesta=event.value)"
                                                    class="textboxcadm ${modeloIzquierda.procedencia}"
                                                    if='${modeloIzquierda.tipoPregunta eq "T" and modeloIzquierda.par}' width="100%" />
                                                <combobox
                                                    value="@bind(modeloIzquierda.respuesta)"
                                                    onChanging="@command('respuestaOnChange', idPregunta=modeloIzquierda.idPregunta , respuesta=event.value)"
                                                    class="${modeloIzquierda.procedencia}"
                                                    if='${modeloIzquierda.tipoPregunta eq "E" and modeloIzquierda.par}'
                                                    width="90px">
                                                    <comboitem
                                                        label="A" />
                                                    <comboitem
                                                        label="B" />
                                                    <comboitem
                                                        label="C" />
                                                </combobox>
                                                <checkbox
                                                    checked="@bind(modeloIzquierda.respuesta)"
                                                    onCheck="@command('respuestaOnChange',  idPregunta=modeloIzquierda.idPregunta , respuesta=self.checked)"
                                                    if='${modeloIzquierda.tipoPregunta eq "F" and modeloIzquierda.par}'>
                                                </checkbox>
                                        </row>
                                    </template>

“par”属性表示元素（标签、组合框、文本框或复选框）是否必须出现在网格的左侧或右侧

但不幸的是，这段代码并不能满足我的需要。我的代码结果（即实际方面）：

如您所见，无论显示的标签、文本框、组合框或复选框是什么，网格都会为每一行使用一个新行

---

我不知道如何处理这个问题。我非常感谢任何帮助，无论什么解决方案都是受欢迎的。

有时候用zul写出来很困难（或不可能）

下面是一个如何使用rowRenderer实现这一目标的示例：

MyEnum.java： test.zul： MyRowRenderer.java：

公共类MyRowRenderer实现RowRenderer{
@凌驾
公共void呈现（Row-Row，MyEnum t，int-i）引发异常{
if（t.isPar（））{
appendChild（新标签String.valueOf（t））；
}否则{
row.getPreviousSibling（）.appendChild（新标签（String.valueOf（t）））；
row.getParent（）.removeChild（行）；
}
}
}

---

而且。

有时候用zul写出来很困难（或不可能）

下面是一个如何使用rowRenderer实现这一目标的示例：

MyEnum.java： test.zul： MyRowRenderer.java：

公共类MyRowRenderer实现RowRenderer{
@凌驾
公共void呈现（Row-Row，MyEnum t，int-i）引发异常{
if（t.isPar（））{
appendChild（新标签String.valueOf（t））；
}否则{
row.getPreviousSibling（）.appendChild（新标签（String.valueOf（t）））；
row.getParent（）.removeChild（行）；
}
}
}

---

而且。

这很有效！！非常感谢你，我按照你告诉我的方法做了，我得到了我所需要的。这很有效！！非常感谢，我按照你告诉我的方法做了，我得到了我所需要的。

public enum MyEnum {
    A(true),
    B(false),
    C(true),
    D(false),
    E(false);

    private boolean par;

    private MyEnum(boolean par) {
        this.par = par;
    }

    public boolean isPar() {
        return par;
    }
}

<?xml version="1.0" encoding="UTF-8"?>
<window apply="org.zkoss.bind.BindComposer" viewModel="@id('vm') @init('be.mil.web.TestVM')" >
    <grid model="@init(vm.model)" rowRenderer="be.mil.web.MyRowRenderer"/>
</window>

public class TestVM {
    public ListModel getModel() {
        return new ListModelList(MyEnum.values());
    }
}

public class MyRowRenderer implements RowRenderer<MyEnum>{

    @Override
    public void render(Row row, MyEnum t, int i) throws Exception {
        if (t.isPar()) {
            row.appendChild(new Label(String.valueOf(t)));
        } else {
            row.getPreviousSibling().appendChild(new Label(String.valueOf(t)));
            row.getParent().removeChild(row);
        }
    }

}