如何在ZK主題中更改網格默認狀態？

Question

我有一個用ZK構建的頁面。 在此頁面中，有一個開始搜索的按鈕。 如果有一些數據，它們將顯示在網格視圖中。 每個數據都是以這種方式構建的：v Date1（dd / mm / yyyy）-項目-項目-項目v Date2（dd / mm / yyyy）-項目-項目

Lecter V表示箭頭，但我無法發布圖像，因此我使用具有類似圖像的“ v”來理解。

它可以正確運行，但是有問題。 我會遇到這種情況：

日期1（日/月/年）

日期2（日/月/年）

當我單擊一個日期時，我希望箭頭變為“ v”並顯示所有數據。 如果在第一種情況下，我單擊日期，則日期接近。

如何更改網格項目的默認視圖？

這是我的代碼

<grid id="demoGrid" width="50%" height="400px" style ="float:left"
        model="@bind(vm.value)" emptyMessage="No data">
        <columns menupopup="auto">
            <column sort="auto(Hour)" label="Hour" width="150px"/>
            <column sort="auto(Value)" label="Value(bpm)" hflex="1" />             
        </columns>
        <!-- template for group -->
        <template name="model:group">
            <group label="@load(each)" />
        </template>

        <!-- template for each element in model -->
        <template name="model" >

            <row>
                <label value="@load(each.hour)" />
                <label value="@load(each.value)" />                
            </row>
        </template>

        <!-- template for footer -->
        <template name="model:groupfoot">
            <groupfoot>
                <cell colspan="5" style="text-align: right; padding-right: 15px">
                    <label value="@load(each)" style="font-weight:bold;" />
                </cell>
            </groupfoot>
        </template>

    </grid>

我嘗試在此子代碼中使用標簽詳細信息：

<template name="model">
    <details open="false">
        <row>
            <label value="@load(each.hour)" />
            <label value="@load(each.value)" />                
        </row>
    </details>
</template>

Answer 1

試試這樣的細節：

<template name="model">
    <row>
        <detail open="false">
            <hlayout>
                <label value="@load(each.hour)" />
                <label value="@load(each.value)" />                
            </hlayout>
        </detail>
        <label value="second column"/>
    </row>
</template>

說明：

• 細節只能具有1個根元素，因此這就是我們設置hlayout的原因。
  當然，您可以將其更改為div或任何您想要的值。
  
• row標簽必須在詳細信息標簽之外。
• detail占據一列，因此在此示例中，您需要提供2列。

編輯：

我制造了一個小提琴。