Javascript Zk集成lightbox.js
只有在硬编码图像URL的情况下,我才能使用ZK框架查看图像。我需要一种从ViewModel设置URL的方法,但我无法做到这一点。以下是我迄今为止所做的工作:Javascript Zk集成lightbox.js,javascript,java,jquery,lightbox,zk,Javascript,Java,Jquery,Lightbox,Zk,只有在硬编码图像URL的情况下,我才能使用ZK框架查看图像。我需要一种从ViewModel设置URL的方法,但我无法做到这一点。以下是我迄今为止所做的工作: <zk apply="org.zkoss.bind.BindComposer" viewModel="@id('vm') @init('com.shahukhalroshan.vm.TestVM')" xmlns:h="native"> <style src="lightbox.css" /> <
<zk apply="org.zkoss.bind.BindComposer" viewModel="@id('vm') @init('com.shahukhalroshan.vm.TestVM')" xmlns:h="native">
<style src="lightbox.css" />
<div>
<h:a class="example-image-link" href="http://www.quicksprout.com/images/foggygoldengatebridge.jpg" data-lightbox="example-1">
<image id="imgUrl" sclass="example-image" src="http://www.quicksprout.com/images/foggygoldengatebridge.jpg" width="100px" height="100px" />
</h:a>
</div>
<script src="lightbox-plus-jquery.js"></script>
</zk>
按如下方式更换src不起作用:
<h:a class="example-image-link" href="@load(vm.imageUrl)" data-lightbox="example-1">
<image id="imgUrl" sclass="example-image" src="@load(vm.imageUrl)" width="100px" height="100px" />
</h:a>
提前谢谢 第一件事优先。不能使用
zk
标记声明视图模型。将
zk
标记更改为窗口时
我可以访问viewmodel,但当然仍然不能正常运行。所以我在getter中添加了一些JQuery来修复它 祖尔:
你能告诉我怎么做吗?你能在你的第一个箱子上做一把小提琴吗?像这样,我知道它必须做什么。是的,我正在试着做zk小提琴,但是我不能保存,给你。。
<window apply="org.zkoss.bind.BindComposer" viewModel="@id('vm') @init('pkg$.TestVM')" xmlns:h="native">
<div>
<h:a id="anchor" class="example-image-link" data-lightbox="example-1">
<image id="imgUrl" sclass="example-image" src="@load(vm.url)" width="100px" height="100px"/>
</h:a>
</div>
</window>
private String url = "http://www.quicksprout.com/images/foggygoldengatebridge.jpg";
public String getUrl() {
Clients.evalJavaScript("jq('#anchor')[0].href='" + url + "';");
return url;
}