blocks|key|37990|text|首先，为虚拟机的Id创建可区分的名称。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|37991|然后zul：|37992|<div+apply="org.zkoss.bind.BindComposer"
viewModel="@id('vm')+@init('com.mrye.viewModel',+processId+=+parentVM.selectedProcess.id+)">|code-block|syntax|javascript|37993|和VM2：|37994|@Init
public+void+init+(@BindingParam("processId")+MyObject+processID)+{|37995|在注释后编辑：|37996|正如您在this+fiddle中看到的，它可以工作，但您的参数必须初始化。|offset|length|37997|如果您希望将“实时数据”传递给其他parentVM+(而不是其他视图模型)，则可以使用zul或仅使用zul。|37998|如果实时数据需要在视图模型本身中，您可以使用不可见的文本框，在此从parentVM加载数据，并在某个操作发生之前将其保存在includedVM中。|37999|请在此处查看updated+fiddle。|38000|entityMap|0|LINK|mutability|MUTABLE|url|http://zkfiddle.org/sample/2ffojfc/1-ZK-passing-parameters|1|http://zkfiddle.org/sample/1sv413r/2-ZK-passing-parameters^0|0|0|0|0|0|0|4|B|0|0|0|0|6|E|1|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|19|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1A|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|1B|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|1C|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|1D|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1E|8|@]|9|@$Q|1F|R|1G|1|1H]]|A|$]]|$1|S|3|T|5|6|7|1I|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|1J|8|@]|9|@]|A|$]]|$1|W|3|X|5|6|7|1K|8|@]|9|@$Q|1L|R|1M|1|1N]]|A|$]]|$1|Y|3|-4|5|6|7|1O|8|@]|9|@]|A|$]]]|Z|$10|$5|11|12|13|A|$14|15]]|16|$5|11|12|13|A|$14|17]]]]

First of all, make distinguish names for Id's of the VM.

Then zul :

<pre><code>&lt;div apply="org.zkoss.bind.BindComposer"
viewModel="@id('vm') @init('com.mrye.viewModel', processId = parentVM.selectedProcess.id )"&gt;
</code></pre>

And VM2:

<pre><code>@Init
public void init (@BindingParam("processId") MyObject processID) {
</code></pre>

Edit after the comment :

As you can see in <a href="http://zkfiddle.org/sample/2ffojfc/1-ZK-passing-parameters" rel="nofollow">this fiddle</a> it works, but your parameter has to be initialized. 

If you want to have "live data" passed to other zul (not other viewmodel), you can use <code>@ref</code> or just use parentVM. 
If the live data need's to be in the viewmodel itself, you can use a non visible textbox where you load the data from parentVM and save it in the includedVM just before some action happens.

See <a href="http://zkfiddle.org/sample/1sv413r/2-ZK-passing-parameters" rel="nofollow">updated fiddle</a> here.

blocks|key|129231|text|你可以在这里查看|type|unstyled|depth|inlineStyleRanges|entityRanges|data|129232|Index.zul|offset|length|style|BOLD|129233|<?page+title="URL+Parameters+Test"+contentType="text/html;charset=UTF-8"?>++
<zk>++
<window+title="URL+Parameters+Test"+border="normal">++

++++<include+src="header.zul?test=5"+/>++

</window>++
</zk>++|code-block|syntax|javascript|129234|在上面的代码中，您可以使用URL检查它传递参数，这里的测试是参数名称和value=5|129235|<?page+contentType="text/html;charset=UTF-8"?>
<zk>
<window+border="none"+width="100%25"+height="100%25"+apply="pkg$.HeaderComposer">

<label+id="lblHeader"+/>

<div>
Load+from+EL+[+<label+value="${param.test}"+/>]
</div>
</window>
</zk>|129236|在此页面中，我们使用${param.test}来获取传入index.zul、HeaderComposer.java|CODE|129237|import+org.zkoss.zk.ui.*;++
import+org.zkoss.zk.ui.event.*;++
import+org.zkoss.zk.ui.util.*;++
import+org.zkoss.zk.ui.ext.*;++
import+org.zkoss.zk.au.*;++
import+org.zkoss.zk.au.out.*;++
import+org.zkoss.zul.*;++

public+class+HeaderComposer+extends+GenericForwardComposer{++


++++Label+lblHeader;++

++++@Override++
++++public+void+doAfterCompose(Component+comp)+throws+Exception+{++

++++++++try+{++
++++++++++++super.doAfterCompose(comp);++
++++++++}+++
++++++++catch+(Exception+e)+{++
++++++++++++e.printStackTrace();++
++++++++}++

++++++++/*+
+++++++++*+retrieve+url+parameters+
+++++++++*/++
++++++++String[]+parameter+=+(String[])+param.get("test");++

++++++++if+(parameter+!=+null)++
++++++++++++lblHeader.setValue(+"Congratulations!+Your+parameters+value+is+"+%2B+parameter[0]+);++
++++++++else++
++++++++++++lblHeader.setValue(+"No+parameters+found.+URL+should+be+something+like+http://yourserver/yoursite/main.zul?parameter=param-value"+);++
++++}++
}|129238|有关更多信息，请查看http://zkframeworkhint.blogspot.in/2014/05/zk-include-how-to-pass-and-get.html|129239|entityMap|0|LINK|mutability|MUTABLE|url|http://zkframeworkhint.blogspot.in/2014/05/zk-include-how-to-pass-and-get.html^0|0|0|9|0|0|0|0|A|D|0|0|A|26|0|0^^$0|@$1|2|3|4|5|6|7|15|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|16|8|@$D|17|E|18|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|19|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|1A|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|1B|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|1C|8|@$D|1D|E|1E|F|S]]|9|@]|A|$]]|$1|T|3|U|5|J|7|1F|8|@]|9|@]|A|$K|L]]|$1|V|3|W|5|6|7|1G|8|@]|9|@$D|1H|E|1I|1|1J]]|A|$]]|$1|X|3|-4|5|6|7|1K|8|@]|9|@]|A|$]]]|Y|$Z|$5|10|11|12|A|$13|14]]]]

Here you can check

Index.zul 

<pre><code>&lt;?page title="URL Parameters Test" contentType="text/html;charset=UTF-8"?&gt; 
&lt;zk&gt; 
&lt;window title="URL Parameters Test" border="normal"&gt; 

 &lt;include src="header.zul?test=5" /&gt; 

&lt;/window&gt; 
&lt;/zk&gt; 
</code></pre>

In above code you can check it pass argument with URL here test is argument name and value=5 

<pre><code>&lt;?page contentType="text/html;charset=UTF-8"?&gt;
&lt;zk&gt;
&lt;window border="none" width="100%" height="100%" apply="pkg$.HeaderComposer"&gt;

&lt;label id="lblHeader" /&gt;

&lt;div&gt;
Load from EL [ &lt;label value="${param.test}" /&gt;]
&lt;/div&gt;
&lt;/window&gt;
&lt;/zk&gt;
</code></pre>

In this page we used <code>${param.test}</code> to get the parameter passed in index.zul , HeaderComposer.java

<pre><code>import org.zkoss.zk.ui.*; 
import org.zkoss.zk.ui.event.*; 
import org.zkoss.zk.ui.util.*; 
import org.zkoss.zk.ui.ext.*; 
import org.zkoss.zk.au.*; 
import org.zkoss.zk.au.out.*; 
import org.zkoss.zul.*; 

public class HeaderComposer extends GenericForwardComposer{ 


 Label lblHeader; 

 @Override 
 public void doAfterCompose(Component comp) throws Exception { 

 try { 
 super.doAfterCompose(comp); 
 } 
 catch (Exception e) { 
 e.printStackTrace(); 
 } 

 /* 
 * retrieve url parameters 
 */ 
 String[] parameter = (String[]) param.get("test"); 

 if (parameter != null) 
 lblHeader.setValue( "Congratulations! Your parameters value is " + parameter[0] ); 
 else 
 lblHeader.setValue( "No parameters found. URL should be something like http://yourserver/yoursite/main.zul?parameter=param-value" ); 
 } 
}
</code></pre>

for more way you can check <a href="http://zkframeworkhint.blogspot.in/2014/05/zk-include-how-to-pass-and-get.html" rel="nofollow">http://zkframeworkhint.blogspot.in/2014/05/zk-include-how-to-pass-and-get.html</a>

blocks|key|65413|text|只需确保在VM1上正确初始化了值vm.selectedProcess.id并且它有一个值，在VM2中添加@AfterCompose生命周期注释，然后在@Init上获取值，根据您的代码，这应该适用于VM2：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|65414|+++Long+processId;

+++@AfterCompose
+++public+void+initAfterCompose(@ContextParam(ContextType.VIEW)+Component+view)+{
+++++++Selectors.wireComponents(view,+this,+false);
+++}

+++@Init
+++public+void+init()+{
+++++++//get+dynamic+attribut
+++++++processId+=+(Long)+Executions.getCurrent().getAttribute("processId");
+++}|code-block|syntax|javascript|65415|entityMap^0|G|L|1G|D|23|5|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|U|8|@]|D|@]|E|$]]]|L|$]]

Just be sure on VM1 the value <code>vm.selectedProcess.id</code> is correctly initialized and it has a value, in the VM2 add the <code>@AfterCompose</code> lifecycle annotation then on <code>@Init</code> get the value, according to your code this should work on VM2:

<pre><code> Long processId;

 @AfterCompose
 public void initAfterCompose(@ContextParam(ContextType.VIEW) Component view) {
 Selectors.wireComponents(view, this, false);
 }

 @Init
 public void init() {
 //get dynamic attribut
 processId = (Long) Executions.getCurrent().getAttribute("processId");
 }
</code></pre>

What I want to do is passing value from <code>page1.zul</code> to <code>page2.zul</code> through <code>&lt;include&gt;</code> and <code>viewModel</code>.

From <code>page1.zul</code>, I have

<pre><code>&lt;include processId="@bind(vm.selectedProcess.id)" src="@load('page2.zul')"&gt;&lt;/include&gt;
</code></pre>

And then it should pass to a <code>viewModel</code> in <code>page2.zul</code>

<pre><code>@Init
public void init(@ExecutionArgParam("processId") String processId){
 System.out.println("processInstanceId : " + processId);
}
</code></pre>

However, I always get a null value. Any idea how to do this thing ? <code>page2.zul</code> looks something like this : 

<pre><code>&lt;div apply="org.zkoss.bind.BindComposer"
 viewModel="@id('vm') @bind('com.mrye.viewModel')"&gt;

 &lt;label value="@load(vm.processId)"&gt;&lt;/label&gt;
&lt;/div&gt;
</code></pre>

ZK MVVM : Passing parameter to another viewmodel using <include>

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我想要做的是通过<include>和viewModel将值从page1.zul传递到page2.zul。来自page1.zul的，我有<include processId="@bind(vm.selectedProcess.id)" src="@load('page2.zul')"></include>然后，它应该传递...

问ZK :使用<include>将参数传递给另一个视图模型
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ZK :使用<include>将参数传递给另一个视图模型EN