SAP前端路---绑定JSONModel

最新推荐文章于 2025-04-24 15:52:22 发布

原创

最新推荐文章于 2025-04-24 15:52:22 发布 · 置顶 · 560 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#SAPUi5

我也刚刚接触SAPUI5。边学边记录，希望大家不吝赐教。

文章中demo将遵循SAPUI5 SDK中所提供的demo例子。

本文demo地址 https://sapui5.hana.ondemand.com/#/topic/70ef981d350a495b940640801701c409 （本文的demo有我自己的延申和链接里的demo不尽相同，但可参照）

本文我们将介绍JSONModel函数实现数据绑定数据操作

在js文件中定义数据并且在xml文件中引用数据需要使用专门的api JSONModel

App.controller.js

sap.ui.define([
	"sap/ui/core/mvc/Controller",
	"sap/m/MessageToast",
	"sap/ui/model/json/JSONModel"
],function(Controller,MessageToast,JSONModel){
	"use strict";
	//sap.ui.demo.walkthrough.controller 告诉控制器控制的是哪个视图文件   此处控制App.view.xml
	return Controller.extend("sap.ui.demo.walkthrough.controller.App",{
		onInit:function(){
			var oData={
				recipient:{
					name:"2233"
				}
			};
			var oModel=new JSONModel(oData);
			this.getView().setModel(oModel);
		},
		onShowHello:func