可以通过给页面上的提交构件添加<ajax:linkedUpdate>子构件，来注册本次提交需要关联更新的区域。例如：

页面代码：

<w:form>
    请输入您的名字：
    <w:textField id="name"/>
    <w:button id="action" label="提交">
        <ajax:linkedUpdate target="result"/>
    </w:button>
</w:form>

<h:outputText id="result"/>

Managed Bean代码：

@Bind
private String name, result;

@Action
private void action() {
    result = "Hi! " + name;
}

在上面的例子中，如果去掉<w:button id="action">的子构件<ajax:linkedUpdate>，会发现在表单<w:form>外部的<h:outputText id="result">不会自动刷新。通常来说，<ajax:linkedUpdate>构件可以作为<w:button>、<ajax:action>、<ajax:submitAction>，以及所有设置了valueChangedListener的输入框构件的直接子构件。

如果同一个提交动作需要更新数个表单外的构件，允许使用多个并列的<ajax:linkedUpdate>或在一个<ajax:linkedUpdate>使用逗号分隔的多个id指定。以下两种方式是等价的：

写法1：

<w:button>
    <ajax:linkedUpdate target="result1"/>
    <ajax:linkedUpdate target="result2"/>
</w:button>

写法2（注意逗号前后不要加入多余的空格）：

<w:button>
    <ajax:linkedUpdate target="result1,result2"/>
</w:button>

如果需要指定某个区域的关联更新（例如外部的某个<w:form>，可以使用<ajax:linkedUpdate>的includeChildren属性：

<w:form id="form1">
    <w:button id="clear" label="清空表单">
        <ajax:linkedUpdate target="form2" includeChildren="true"/>
    </w:button>
</w:form>

<w:form id="form2">
    <w:textField id="name"/>
    <w:textField id="phone"/>
    <w:textField id="email"/>
</w:form>

为了避免不必要地损失性能，<ajax:linkedUpdate>的默认更新级别是ValueOnly，即只更新构件取值，如果现实场景需要指定其他更新级别，可以使用level属性，例如：

<w:button id="disabledAll" id="禁用所有输入框">
    <ajax:linkedUpdate target="form2" includeChildren="true" level="Lite"/>
</w:button>

等等，这里不是又回到了上面的问题吗？我怎么知道我做的改变需要使用哪种更新级别呢？事实上，在编写页面时，开发者往往也只能对提交后可能需要更新的区域与级别做一个大致的预测，例如已知本次处理会影响Combo的下拉列表，则可以把level设为Data等等。但是，如果在开发页面时您就明确了这次提交行为会具体修改哪些属性，那么可以使用<ajax:linkedUpdate>的attribute属性来声明，OperaMasks引擎会自动根据您所注册的属性选用合适的更新级别。例如

<w:button id="disabledAll" id="禁用所有输入框">
    <ajax:linkedUpdate target="form2" includeChildren="true" attribute="disabled"/>
</w:button>

同样，多个属性之间可以用逗号分隔。

正如上面所说，在开发页面的时候，开发者往往不知道这次提交实际上要更新哪些构件，哪些属性，这种场景下，可以在后台程序逻辑中使用编程API的方式去注册局部更新。

（关于<ajax:linkedUpdate>构件的更多属性说明，可以参考构件说明文档）

在大部分开发场景中，开发者需要根据后台逻辑或模型数据决定哪些表单外的构件或区域需要关联更新。这时，可以使用局部的更新的API：PartialUpdateManager类来注册局部更新。在Managed Bean中，可以通过以下两种等价的方法获取PartialUpdateManager的实例：

使用静态类方法获取单例：

//id="action"的按钮的动作方法
@Action
private void action() {
    PartialUpdateManager update = PartialUpdateManager.getInstance();
    ...
    update.markUpdate("result");
}

使用@Inject注解注入：

@Inject
private PartialUpdateManager update;

@Action
private void action() {
    update.markUpdate("result");
}

PartialUpdateManager提供了两个主要方法，markUpdate与markAttributeUpdate，用于注册局部更新构件：

因此，我们可以这样写：

页面代码：

<layout:panel id="panel" title="输入名字" width="200" height="200">
<w:form>
    <h:outputLabel value="请输入您的名字："/>
    <w:textField id="name"/>
    <w:button id="action" label="提交"/>
</w:form>
</layout:panel>

<h:outputText id="result"/>

Managed Bean代码：

@Inject
private PartialUpdateManager update;

@Bind
private String name, result;

@Bind(id="panel", attribute="title")
private String title;

@Action
private void action() {
    result = "Hi! " + name;
    title = "当前用户：" + name;
    update.markUpdate(UpdateLevel.ValueOnly, "result", "panel");
    //或者
    //update.markAttributeUpdate("result", "value");
    //update.markAttributeUpdate("panel", "title");
}

<ajax:updater>是OperaMasks中一个历史悠久的构件，在早期的版本中，它身兼数职，既负责页面的局部刷新，又负责页面的嵌套引入。在OperaMasks 2.0引入Facelet体系与<w:iframe>构件后，<ajax:updater>引入页面的能力逐渐被Facelet与<w:iframe>分别替代了。在OperaMasks 3.2中，<ajax:updater>是一个专门用来在页面标记一个可以进行局部刷新的区域，并可以直接使用构件类AjaxUpdater的reload方法对该区域进行重画。

基本上，使用<ajax:updater>与使用上述的<ajax:linkedUpdate>（或PartialUpdateManager）并把更新级别设为ForceRepaint是一样的。不同之处在于<ajax:linkedUpdate>依附在提交构件上，而且必须为更新区域找一个最外层的父构件。而<ajax:updater>则依附在需要更新的区域上，并且本身就是更新区域的一个最外层父构件。例如：

页面代码：

<w:form>
    <w:textField id="name"/>
    <w:button id="action" label="提交"/>
</w:form>

<ajax:updater id="updater">
        您的名字是: <h:outputText id="response"/>
</ajax:updater>

ManagedBean代码

@Bind
private AjaxUpdater updater;

@Bind
private String name, response;

@Action
private void action() {
    response = name;
    updater.reload();
}

由于<ajax:updater>必然是以重画的方式进行刷新，因此它的刷新效率和占用的带宽相对来说是较高的，在某些浏览器中会引起被刷新区域的轻微闪烁。因此不建议在程序中滥用，特别是不建议用来自动更新一些刷新频率较高的区域（例如使用编程方式定时刷新且周期很短）。<ajax:updater>的一个典型应用场景是在程序中动态增删了页面上的构件时，必须用<ajax:updater>重画被更改的区域。

现实开发中，也有不少场景是在开发过程中已经知道某个构件必须进行重画刷新，例如增删了它的子构件，或者改变了一个对布局有较大影响的属性。这时通过PartialUpdateManager或放入ajax:updater（仅仅包住这个构件）都显得不方便。OperaMasks中针对这种场景提供了一个更为便利的方案，可以在Managed Bean代码中绑定构件对象，然后直接调用构件对象上的repaint方法即可。例如：

@Bind(id="response")
private HtmlOutputText uiResponse;

@Bind
private String name, response;

@Action
private void action() {
    response = "Hi! " + name;
    uiResponse.repaint();
}