使用sap.m.Table在sapui5中的表绑定值中添加特定文本

时间:2016-03-23 13:42:18

标签: sapui5

我正在尝试开发SAPUI5应用,但我无法在表列中的值之前添加特定文本。

onInit : function() {
  var oModel = new sap.ui.model.json.JSONModel('add json file ');
  sap.ui.getCore().setModel(oModel,'products');
}

在视图中我正在创建一个表并绑定所有记录:

var oTable = new sap.m.Table("productsTable",{
            inset: true,
            columns: [
                      //image
                     new sap.m.Column({
                         hAlign: "Left",
                         width: "100px",

                         demandPopin: true,
                         popinDisplay: "Block",
                         minScreenWidth: sap.m.ScreenSize.Medium
                     }),

            ]
        });

var oTemplate = new sap.m.ColumnListItem({
            type: sap.m.ListType.Active,
            cells: [
                      new sap.m.Text({
                        text: "Title :{products>description} ",

                        //visible :false,
                    }),

            ]
        });

oTable.bindAggregation("items","products>App",oTemplate);  // Here bind all record
return new sap.m.Page({
            title: "App Name",
            content: [oTable],
            showNavButton: true,
            navButtonPress: function() {
                oController.navigation();
                            },
            footer: new sap.m.Bar({
                contentLeft: [
                              new sap.m.Text({text: "Smart",})
                ]
            }),

        });

我想要的输出是:

enter image description here

但它以这种方式显示:

enter image description here

2 个答案:

答案 0 :(得分:2)

正如@Qualiture在评论中所说,这似乎需要启用复杂的绑定语法。

您可以通过使用
明确设置绑定语法模式来实现 data-sap-ui-bindingSyntax="complex"或隐式指定兼容版本1.26或edgedata-sap-ui-compatversion="edge"

答案 1 :(得分:0)

尝试在属性前添加斜杠(/)caracter。

样品:

“标题:{产品> / description}”

也许你的绑定不正确,试试这个

...
text: {  path: "{products>/description}", //with or without slash (/)
         
         formatter: function(desc) {
            return "Title" + desc;
        }                                
   }                          
...