在开头添加输入行ui5

时间:2018-03-09 09:37:43

标签: sapui5

我在添加带输入字段的行时遇到问题,无法将项目添加到表格中。我试图使用this example

addEntry : function(oEvent) {
var path = oEvent.getSource().getBindingContext().getPath();
var obj = {
  fname: null,
  lname: null, 
  desc: null,
  createNew: false,
  removeNew: false,
  saveNew: true
};

var oModel = this.getView().getModel();

oModel.setProperty(path, obj);

},

我想要的唯一区别是从一开始就可以看到行(没有+图标),这样用户就可以直接添加字段,点击 OK 时,需要添加新行。

谢谢

1 个答案:

答案 0 :(得分:0)

您应该删除addEntry()功能,因为它只是从添加图标触发,而是在onInit()功能上创建对象。

看起来像这样:

    onInit : function() {
        var dummyData = [{"fname": "",
          "lname": "", 
          "desc": "",
          "removeNew": false,
          "saveNew": true}];

        var oModel = new sap.ui.model.json.JSONModel({data : dummyData});
        this.getView().setModel(oModel);   
   }

单击保存按钮时,将触发saveEntry()功能,新条目将被推送到模型。

新表单将通过调用结尾处的addEmptyObject()函数显示。

这是一个工作示例: https://jsbin.com/wutefaz/edit?html,js,output