sap ui5教程（2） 简单控件简介

为规范代码，以下代码都是以json风格书写（也可以用java风格）

1、静态创建控件

按钮

<button/>  text="按钮上的数据名" press="点击按钮的函数名"

2、动态创建控件

创建文本

new sap.m.Text({
    text:"hi,world!"
}).placeAt("content")

创建label

new sap.m.Label({
    text:"Please enter your choice."
}).placeAt("content");

创建按钮（事件按控制器）
点击事件其后是事件处理器，因为点击是异步操作，所以如果要获取按键的值需要在事件处理函数里传入事件然后getSource()再用getText()获得按键的值，因此多个控件可以共用一个事件处理器。

new sap.m.Button({
    text:"click",
    press:function(event){
        var data = event.getSource().getText();
        alert(data);
    }
}).placeAt("content");

控件间关系

• Aggregation(聚合)，即包含与被包含，子控件生命周期取决于父控件，由父控件渲染
• association(联合)，一个控件参照到另外一个控件，子控件与父控件生命周期独立

聚合关系：RadioButton与RadioButtonGroup

var b1 = new sap.m.RadioButton({
    Text: "1"
});
var b2 = new sap.m.RadioButton({
    Text: "2"
});
var bg = new sap.m.RadioButtonGroup({
    columns: 2,
    Button:[b1,b2]
}).placeAt("content");

联合关系:label 和 radioButtonGroup

3、库方法

显示弹窗
sap/m/MessageToast
MessageToast.show(“需要显示的数据”)

JsonModel
sap/ui/model/json/JsonModel
var oModel = new JsonModel({

})