SAPUI5开发

何时在sapui5中使用表达式绑定?

             当我们在SAPUI5中必须在视图本身中进行一些简单的计算或格式化时,表达绑定是一种绑定使用。使用表达式绑定的好处是不需要控制器逻辑.Only查看是涉及实现格式的代码。
         如果我们需要根据某些值设置控件的布尔属性的值,我们应该使用表达式绑定。例如,如果我们需要根据ODATA服务中的某些值设置控制的可见性。或者我们需要进行计算,例如,如果该值大于某些值,它应该在红色颜色否则绿色,在这样的情况下,我们可以使用表达式绑定。
句法
"{= ${Price} > 15 ? 'Error' : 'Success' }"

脚步
  1. 在我的情况下打开控制器查看1.Controller.js和Inside oninit方法添加以下代码。这是我们列表的自定义数据。在实际情况下,数据应该来自后端Odata服务或REST API。在这里,我们使用JSON模型并将其设置为视图。
  2.   onInit: function() {
       var data = {
        "Products": [{
         "Product": "Pineapple",
         "Price": "20",
        }, {
         "Product": "Orange",
         "Price": "10",
        }, {
         "Product": "Grape",
         "Price": "15",
        }]
       };
       var oModel = new sap.ui.model.json.JSONModel();
    
       oModel.setData(data);
       this.getView().setModel(oModel);
      },
    
  3. 打开View1.View.xml和粘贴代码下面。对于NumBerstate属性,我们使用的表达式绑定。检查语法。语法以=括号内部启动。此符号用于启动新的绑定语法,它被称为表达式,我们可以使用如下所示的三元运算符。
  4. 
        
            
        
    
    
  5. 运行应用程序,只需一行代码即可查看魔术。
我们已经大于15到红色和休息绿色。没有控制器逻辑的麻烦。
如果您喜欢这篇文章,请分享!!

3 comments :

  1. 如果我必须根据价格和数量绑定NumBerstate,那么上面的例子中如何使用和运营商?

    回复删除
    答案
    1. 这n you should use custom formatter function. Expression binding is handy in simple calculations.

      删除
  2. Looking for SAP ABAP and UI5 freshers for Bangalore location. If interested please reach us at [email protected]/ 9483359943

    回复删除

Powered by 博主.