京东云_数据库题_试用

云服务器 虚拟云 浏览

小编:在SAPUI5中,数据绑定可以使用4种模型(JSON、OData、XML和Resource) 我们可以使用三种模式(单向、双向、双向)进行绑定,一次)。 这里只解释了两种模型 JSON模型:支持双向绑定,用

京东云_数据库题_试用

在SAPUI5中,数据绑定可以使用4种模型(JSON、OData、XML和Resource)

我们可以使用三种模式(单向、双向、双向)进行绑定,一次)。

这里只解释了两种模型

JSON模型:支持双向绑定,用于小规模绑定

我们可以使用数组将数据绑定到JSON模型

在表绑定属性中用于将数据绑定到表列

//json.view.js文件

var oData=[

{姓名:"汤姆",电子邮箱:tom@gmail.com,性别:"男",阿里数据库,勾选:正确,电话号码:"676866966",地址:"xyz"},服务器上云,

{姓名:"John",电子邮箱:xyz@gmail.com,性别:"男",选中:false,电话号码:"7585959",地址:"纽约"},

{姓名:"天使",电子邮箱:邮箱:angel@gmail.com,云服务器网址,性别:"女",勾选:正确,phno:"84474644",location:"阿拉斯加"}

];

var tab=新建sap.ui.table表.Table("表1id",{

标题:"静态值表",

firstVisibleRow:3,

viisibl腐蚀计数:7,

固定公司列数:2,

选择操作模式:sap.ui.table.SelectionMode.Multiple,

导航操作模式:sap.ui.table.NavigationMode.Paginator

});

tab.addColumn表(新建)sap.ui.table表.列({

标签:新建)sap.ui.commons.Label({text:"Name"}),

模板:新建sap.ui.commons.TextView().bindProperty("text","name"),

sortProperty:"name",

filterProperty:"name",

width:'150px'

}));

tab.addColumn表(新建)sap.ui.table表.列({

标签:新建)sap.ui.commons.Label({text:"Email"}),

模板:新建sap.ui.commons.TextView().bindProperty("text","email"),

sortProperty:"email",

过滤器属性:"email",

宽度:'200px'

});

tab.addColumn表(新建)sap.ui.table表.列({

标签:新建)sap.ui.commons.Label({text:"Gender"}),

模板:新建sap.ui.commons.TextView().bindProperty("text",爆款云服务器,"gender"),

sortProperty:"gender",

filterProperty:"gender",

width:'150px'

});

tab.addColumn表(新建)sap.ui.table表.列({

标签:新建)sap.ui.commons.Label({text:"Checked"}),

模板:新建sap.ui.commons.CheckBox().bindProperty("checked","checked"),

width:'80px',

hAlign:"Center"

});

tab.addColumn表(新建)sap.ui.table表.列({

标签:新建)sap.ui.commons.Label({text:"Phone Number"}),

模板:新建sap.ui.commons.TextView().bindProperty("text","phno"),

sortProperty:"phno",

filterProperty:"phno",

width:'150px'

}));

tab.addColumn表(新建)sap.ui.table表.列({

标签:新建)sap.ui.commons.Label({text:"Loaction"}),

模板:新建sap.ui.commons.TextView().bindProperty("文本","位置"),

sortProperty:"location",

filterProperty:"location",

width:'150px'

});

//json binding

var aModel=newsap.ui.model模型.json.JSONModel文件();

aModel.setData设置数据({模型数据:oData});

tab.setModel设置(aModel);

制表符.bindRows("/modelData");

返回页签;

ODATA模型:支持单向绑定,用于大规模绑定

在表中绑定属性用于将数据绑定到表列

绑定时必须提到服务器中数据所在的url

//odata.view.js文件

var tab=新建sap.ui.table表.Table("表1id1",{

标题:"静态值表",

firstVisibleRow:3,

viisibl腐蚀计数:7,

固定公司列数:2,

选择操作模式:sap.ui.table.SelectionMode.Multiple,

导航操作模式:sap.ui.table.NavigationMode.Paginator

});

tab.addColumn表(新建)sap.ui.table表.列({

标签:新建)sap.ui.commons.Label({text:"SupplierID"}),

模板:新建sap.ui.commons.TextView().bindProperty("text","SupplierID"),

sortProperty:"SupplierID",

filterProperty:"SupplierID",

width:'150px'

}));

tab.addColumn表(新建)sap.ui.table表.列({

标签:新建)sap.ui.commons.Label({text:"CompanyName"}),

模板:新建sap.ui.commons.TextView().bindProperty("文本","公司名称"),

sortProperty:"CompanyName",

filterProperty:"CompanyName",

width:'150px'

});

tab.addColumn表(新建)sap.ui.table表.列({

标签:新建)sap.ui.commons.Label({text:"ContactName"}),

模板:新建sap.ui.commons.TextView().bindProperty("text","ContactName"),

sortProperty:"ContactName",云服务器1m,

filterProperty:"ContactName",

宽度:'150px'

});

tab.addColumn表(新建)sap.ui.table表.列({

标签:新建)sap.ui.commons.Label({text:"ContactTitle"}),

模板:新建sap.ui.commons.TextView().bindProperty("text","ContactTitle"),

sortProperty:"ContactTitle",

filterProperty:"ContactTitle",

width:'150px'

});

tab.addColumn表(新建)sap.ui.table表.列({

标签:新建)sap.ui.commons.Label({text:"Address"}),

模板:新建sap.ui.commons.TextView().bindProperty("text","Address"),

sortProperty:"Address",

filterProperty:"Address",

width:'150px'

});

var oModel=新sap.ui.model模型.小田.小田模型("代理/http"/服务.odata.org/V2/Northwind/Northwind.svc");

控制台.log(oModel);

tab.setModel设置(oModel);

制表符.bindRows("/供应商?City='London'');

当前网址:http://vmchk.cooou.com/tutorials/101173.html

 
你可能喜欢的: