开发手册 欢迎您!
软件开发者资料库

SAP UI5 - 视图

SAP UI5视图 - 从简单和简单的步骤学习SAP UI5,从基本概念到高级概念,包括概述,体系结构,关键组件,控制库,开发工具包,MVC概念,视图,Developer Studio,创建UI5项目,控件,数据绑定,设计模式,模块化,本地化,记事本控件,扩展应用程序,主题,移动,在Web IDE中创建项目。

视图使用SAP库定义如下 :

  • 带HTML,混合或独立的XML:Library- sap.ui .core.mvc.XMLView

  • JavaScript:Library- sap.ui.core.mvc.JSView

  • JSON:Library  -  sap.ui.core .mvc.JSONView

  • HTML:Library  -  sap.ui.core.mvc.HTMLView

JavaScript查看示例

Sap.ui.jsview("sap.hcm.address", {   getControllerName: function() {      return "sap.hcm.address";   },   createContent: function(oController) {      var oButton = new sap.ui.commons.Button({ text: "Hello" });      oButton.attachPress(function() {         oController.Hello();      })      Return oButton;   }});

HTML查看示例

   

title

   
 Embedded html 
      

同样,您可以创建从sap.ui.core.mvc.JsonView派生的JSON视图.

{   "type":"sap.ui.core.mvc.JsonView",   "controllerName":"sap.hcm.address",   ……………………….   …………………...   …………………….}

视图类型比较

下表列出了与MVC概念和比较相关的主要功能具有不同视图类型的功能.

功能XML视图JSON视图HTML视图
标准和自定义库
属性types string,int Boolean,float
聚合1:1,1:n关联1:1,1:n
简单数据绑定
自定义数据绑定Ye s
嵌入式HTML
代码完成
模板
验证
单一事件监听器