ZK 如何在不使用阴影组件的情况下渲染面包屑

问题描述

对于我正在尝试制作的文件浏览器，我需要一个带有面包屑样式的导航器。我发现了一些使用 <forEach> 标记的示例，该标记未包含在社区版中。问题是：

有没有办法渲染像面包屑一样的动态文本/锚点（链接）？或者有没有办法覆盖一些 <div id="someContainer" /> 以便 div 作为占位符可以用 MVVM 的方式与一些孩子一起写？
所以当点击链接时，面包屑将有一个动作。单击链接时，它必须更新另一个 ListModelList 对象的内容，并在单击前一个 crumb 时更新自身。我怎样才能以 MVVM 风格做到这一点？

小提琴示例，但使用阴影组件 <forEach> https://zkfiddle.org/sample/ha19l0/1-zk-breadcrumbs

一些zul代码：

<zk>
    <window apply="org.zkoss.bind.BindComposer"
        viewModel="@id('vm') @init('com.my.zk.mvvm.MyFilesViewModel')">
        <hlayout>
            <listbox vflex="true" hflex="1" model="@load(vm.files)"
                id="fileBrowser" selectedItem="@bind(vm.selectedFile)">
                <auxhead>
                    <auxheader colspan="3">File List</auxheader>
                    <auxheader colspan="3">
                        <hlayout>
                            <!-- breadcrumb,implemented later -->
                            <div id="placeHolder" />
                        </hlayout>
                    </auxheader>
                </auxhead>
                <listhead>
                    <listheader label="Name" />
                    <listheader label="Size" />
                    <listheader label="Modified" />
                </listhead>
                <template name="model" var="file">
                    <!-- This is the model that need to be updated when bredcrumb is clicked -->
                    <listitem>
                        <listcell label="@load(file.name)" />
                        <listcell label="@load(file.length())" />
                        <listcell label="@load(file.lastModified())" />
                    </listitem>
                </template>
            </listbox>
        </hlayout>
        <separator />
    </window>
</zk>

感谢您的帮助。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

java java zk