client-side programming客户端修改值，但服务端获取仍然旧值的解决办法

最新推荐文章于 2020-05-03 13:29:34 发布

原创最新推荐文章于 2020-05-03 13:29:34 发布 · 144 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#zk

zk 专栏收录该内容

41 篇文章

订阅专栏

本文详细介绍了如何在zk框架中利用widget.smartUpdate方法实现代理客户端与服务器端之间的双向数据更新，包括解决数据同步问题的策略、方法实现步骤以及具体代码示例。

样例：

Xml代码

<window xmlns:w="client" apply="demoComposer">
<button label="仅修改客户端" w:onClick="zk.Widget.$(jq('$txtUsername')).setValue('sun4love');zk.log('setValue方法修改完毕');"/>
<button label="修改值并通知服务器端" w:onClick="zk.Widget.$(jq('$txtUsername')).smartUpdate('value','sun4love');zk.log('smartUpdate方法修改完毕');"/>
<button label="服务器端获值" forward="onGetUsername"/>
<textbox id="txtUsername" value="hello!"/>
</window>

<window xmlns:w="client" apply="demoComposer">

  <button label="仅修改客户端" w:onClick="zk.Widget.$(jq('$txtUsername')).setValue('sun4love');zk.log('setValue方法修改完毕');"/>

  <button label="修改值并通知服务器端" w:onClick="zk.Widget.$(jq('$txtUsername')).smartUpdate('value','sun4love');zk.log('smartUpdate方法修改完毕');"/>


  <button label="服务器端获值" forward="onGetUsername"/>
  <textbox id="txtUsername" value="hello!"/>
</window>

Java代码

private Textbox txtUsername
public void onGetUsername(){
System.out.println( txtUsername.getValue());
}

private Textbox txtUsername
public void onGetUsername(){
     System.out.println( txtUsername.getValue());
}

通常情况下我们这样修改txtUsername的值zk.Widget.$(jq("$txtUsername")).setValue("sun4love");

但当我们点击服务器端获值按钮的时候，非常遗憾，获得值仍然是hello!，而不是sun4love

这是因为setValue方法并没有告诉服务器端txtUsername的值有所改变，服务器端仅记得上次的值而已，

所以我们必须通知服务器端值的改变才可以，在今天之前我是通过zAu.send(new zk.Event(txtUsername,"onBlur"));实现的，非常麻烦，今天群内朋友PM 问了相关问题，我又看看看jsdoc（zk-jsdocXXX.zip）发现widget的smartUpdate方法，

smartUpdate的说明：Smart-updates a property of the peer component associated with this widget, running at the server, with the specified value.

意思是说Smart-updates 是每个组件相关widget的一个属性，运行于服务器端，

方法签名：smartUpdate(String name, Object value, int timeout)

name是组件标签的属性名，本例是value,Object value是sun4love

注意：从zk5.0.7开始，zk默认禁止smartUpdate,如果启用这里有两个方法

1，启用单一组件实例的smartUpdate功能

Xml代码

<window>
<custom-attribute org.zkoss.zk.ui.updateByClient="true"/>
...
</window>

<window>
    <custom-attribute org.zkoss.zk.ui.updateByClient="true"/>
...
</window>

2，启用某一组件所有实例的smartUpdate 启用配置见这里

Xml代码

<component>
<component-name>button</component-name>
<extends>button</extends>
<custom-attribute>
<attribute-name>org.zkoss.zk.ui.updateByClient</attribute-name>
<attribute-value>true</attribute-value>
</custom-attribute>
</component>

<component>
    <component-name>button</component-name>
    <extends>button</extends>
    <custom-attribute>
        <attribute-name>org.zkoss.zk.ui.updateByClient</attribute-name>
        <attribute-value>true</attribute-value>
    </custom-attribute>
</component>

Great thanks,PM and zhongji