如何更改 ZK 主题中的网格默认状态？

Question

我有一个使用 ZK 构建的页面。在此页面中有一个开始搜索的按钮。如果有一些数据，它们会出现在网格视图中。每个数据都是以这种方式构建的： v 日期 1 (dd/mm/yyyy) - 物品 - 物品 - 物品 v 日期 2 (dd/mm/yyyy) - 物品 - 项目

Lecter V 表示箭头，但我无法 post 图片，所以我使用 "v" 具有相似图片的图片来理解。

它工作正常，但有一个问题。我会遇到这种情况：

Date1 (dd/mm/yyyy)

Date2 (dd/mm/yyyy)

当我点击一个日期时，我希望箭头变成 "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>

说明：

Detail 只能有 1 个根元素，所以这就是我们设置 hlayout.
的原因当然，您可以将其更改为 div 或您想要的任何内容。
row 标签必须在详细信息标签之外。
detail 占用一列，因此对于此示例，您需要提供 2 列。

编辑：

I created a fiddle.

如何更改 ZK 主题中的网格默认状态？

How to change grid default status in a ZK theme?

zk

zk-grid

编辑：