数据绑定

将业务数据绑定到组件是基于组件编程的一项基本功能。但在IoVC支持下,数据绑定变得更为自然,方便。一个最基本的数据绑定场景是一个Label加一个TextField:

页面代码片段:

<w:form>
    <h:outputLabel for="number1"></h:outputLabel>
    <w:textField id="number1"></w:textField>
    <h:outputLabel id="number1copy"></h:outputLabel>
</w:form>

LiteBean代码片段:

    @Bind (id="number1")
    int PID;
    
    @Bind (id="number1copy")
    int PIDCopy;
    
    @Action
    public void number1_onchange() {
        PIDCopy = PID;
    }

运行以上代码可获得以下效果(其中文本框中数字为用户输入,文本框外数字为LiteBean运算结果):

可以看出IoVC完成了以下动作:

  1. 自动为文本框前的outputLabel填上内容,基于“约定优于配置”原则,内容为此outputLaybel关联的id并首字大写。

  2. 根据绑定规则向LiteBean的PID域中注入textField组件内容,并根据绑定类型自动进行了类型转换。

  3. 根据事件绑定规则调用事件业务方法。(注意textField的onchange事件的触发条件是textField失去焦点且内容发生了变化)

  4. 根据绑定规则将模型数据PIDCopy注入到id为number1copy的outputLabel中。

[上一页] [下一页]