FIORI:常用功能

定义model:

    var that = this;
    var xmModel = new JSONModel();
    this.setModel(xmModel, "xmModel");
    this.getRouter().getRoute("Home").attachPatternMatched(this._onRouteMatched, this);
    var TMKCModel = new JSONModel({
        data: []
    });
    TMKCModel.setDefaultBindingMode(sap.ui.model.BindingMode.TwoWay);
    this.setModel(TMKCModel, "TMKCModel");
    var oSearchModel = new JSONModel({
        Werks: null,
        Xhuowei: null,
        Lgort: null,
        Exidv: null,
        Ztype: true,
    });
    oSearchModel.setDefaultBindingMode(sap.ui.model.BindingMode.TwoWay);
    this.setModel(oSearchModel, "searchModel");
    var tijiaomodel = new JSONModel({
        click: false
    });
    tijiaomodel.setDefaultBindingMode(sap.ui.model.BindingMode.TwoWay);
    this.setModel(tijiaomodel, "tijiaomodel");

model赋值:

   that.getModel("searchModel").setProperty("/Xhuowei", "");
                        that.getModel("searchModel").setProperty("/Ztype", true);
                        that.getModel("searchModel").setProperty("/Lgort", "");
                        that.getModel("searchModel").setProperty("/Exidv", "");
                        that.getModel("tijiaomodel").setProperty("/click", false);

清空model:

 var TMModelclear = that.getModel("TMKCModel");
                            TMModelclear.setData({
                                data: []
                            });
                            that.getModel("TMKCModel").refresh(); 

错误展示

MessageBox.error('请扫描检验批!');

直接更改model里面第一组数的值:

that.getModel("filterModel").setProperty("/0/Vemng",vemng2);

跳转页面:

	this.getRouter().navTo("sPack", {
					oOperationData: JSON.stringify(oOperationData)
				});

model中需要将this改为that。
在这里插入图片描述
manifest文件中如果有传参需要在routes和targets中配置。

"routing": {
			"config": {
				"routerClass": "sap.m.routing.Router",
				"viewType": "XML",
				"viewPath": "com.shunyu.xbcbhb.view",
				"controlId": "app",
				"controlAggregation": "pages",
				"async": true
			},
			"routes": [{
				"name": "Home",
				"pattern": "",
				"target": [
					"home"
				]
			}, {
				"name": "sunPack",
				"pattern": "sunPack/{oOperationData}",
				"target": [
					"sunPack"
				]
			}, {
				"name": "print",
				"pattern": "print/{Customerid}/{oOperationData}/{printitem}",
				"target": [
					"print"
				]
			}, {
				"name": "sPack",
				"pattern": "sPack/{oOperationData}",
				"target": [
					"sPack"
				]
			}],
			"targets": {
				"home": {
					"viewType": "XML",
					"viewLevel": 1,
					"viewName": "Home"
				},
				"sunPack": {
					"viewType": "XML",
					"viewLevel": 2,
					"viewName": "SunPack"
				},
				"print": {
					"viewType": "XML",
					"viewLevel": 2,
					"viewName": "Print"
				},
				"sPack": {
					"viewType": "XML",
					"viewLevel": 2,
					"viewName": "Spack"
				}
			}

BUTTON样式:

 <Button text="{i18n>return}" width="100%" press="navtoReurn"  type="Emphasized"></Button>

循环数组

item.forEach(function(oItem) {
oItem.selected = (oItem.Matnr === sInputValue);
});

消息提醒并返回

if (searchdata.gcvalue == null) {
MessageToast.show(“请选择工厂”, {
at: “Center Center”
});
return;
}
添加公共部分
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
删除行项目
VIEM:
在这里插入图片描述

<Column hAlign="Right" width="8rem">
					<Text text="{i18n>cz}" />
				</Column>
   <Button icon="sap-icon://delete" press="onDel" />

方法:

onDel: function (oEvent) {
    var oBundle = this.getView().getModel("i18n").getResourceBundle();
	var that = this;
	var sPath = oEvent.getSource().getBindingContext("filterModel").getPath();
	var oHuNumber = oEvent.getSource().getBindingContext("filterModel").getProperty(sPath).ztm;
	MessageBox.confirm(oBundle.getText("QDSC") + oHuNumber + oBundle.getText("XM"), {
		title: "Confirm",
		styleClass: "sapUiSizeCompact",
		actions: [sap.m.MessageBox.Action.YES,
			sap.m.MessageBox.Action.NO
		],
		emphasizedAction: sap.m.MessageBox.Action.YES,
		textDirection: sap.ui.core.TextDirection.Inherit,
		onClose: function(oAction) {
			if (oAction === sap.m.MessageBox.Action.YES) {
				// eslint-disable-next-line radix
				var oIndex = parseInt(sPath.split('/')[sPath.split('/').length - 1]);
				var oItemModel = that.getModel("filterModel");
				var oItemData = oItemModel.getProperty("/data");
				oItemData.splice(oIndex, 1);
				oItemModel.refresh();

			} else {
				sap.m.MessageToast.show(oBundle.getText("CANCLESC"));
			}
		}
	});
},
**i18n**
cz=操作
QDSC=你确定要删除
XM=这项吗?
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Fiori Elements 是一套基于SAP Fiori设计原则和模式的开发工具集。它提供了一套通用的UI元素和模板,帮助开发人员更快地构建现代化、响应式的用户界面。 Fiori Elements 的主要特点包括: 1. 可重用的UI元素:Fiori Elements 提供了一系列可重用的UI元素,例如列表、详细信息页、主从关系的页面等。开发人员可以根据业务需求选择并组合这些元素,快速构建出符合用户期望的界面。 2. 自动化数据处理:Fiori Elements 可以自动处理与后台数据的交互,包括数据读取、更新、删除等操作。这样,开发人员就可以专注于界面的设计和逻辑,而无需花费太多精力在数据处理上。 3. 灵活的扩展性:Fiori Elements 具有高度的扩展性,开发人员可以根据实际需求对界面进行个性化定制。同时,它也支持与其他SAP技术和工具的集成,提供了更多的扩展和定制选项。 4. 敏捷开发:Fiori Elements 提供了一种敏捷的开发方式,开发人员可以在短时间内快速构建出功能完备、美观易用的用户界面。这样可以加快开发速度,降低开发成本。 总之,Fiori Elements 是一种能够帮助开发人员快速构建出符合SAP Fiori设计原则和模式的用户界面的工具集。它的特点包括可重用的UI元素、自动化数据处理、灵活的扩展性和敏捷开发等。通过使用Fiori Elements,开发人员可以提升开发效率,并提供更好的用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值