SAPUI5表单动态添加标签和输入并为输入设置ID，但不起作用

Question

I am creating an application enable user to dynamically add new label and input into form. But I have set the new input id and enabled is false dynamically added by user. But when I click edit button, enabled set to true. It does not work. My application cant read the input id that I added dynamically in form.

The following is my sample code.

Add new label and input into my current form

        var _oSF2 = this.getView().byId("Extension_Form");
        _oSF2.addContent(new sap.m.Label({
                text: "Classification"
            }));
        _oSF2.addContent(new sap.m.Input({
                  id : "idExtensionInput1",
                  text : "text",
                  enabled: false
            }));

Set enablement for new input to true

    handleEditPress: function () {
        this.getView().byId("idExtensionInput1").setEnabled(true);

    }

Answer 1

You've added the input to no view. In your case, you can only access the input with sap.ui.getCore().byId("idExtensionInput1") but the correct way is to use this.getView().createId() and add it to the right view.

    var _oSF2 = this.getView().byId("Extension_Form");
    _oSF2.addContent(new sap.m.Label({
            text: "Classification"
    }));
    <!-- language: lang-js -->

    _oSF2.addContent(new sap.m.Input({
        id : this.getView().createId("idExtensionInput1"), //Use createId() for this.getView()
        text : "text",
        enabled: false
    }));

    handleEditPress: function () {
       this.getView().byId("idExtensionInput1").setEnabled(true);
    }

One comment: The first parameter for new sap.m.Input is the id. Please write:

       _oSF2.addContent(new sap.m.Input(this.getView().createId("idExtensionInput1"), {
            text : "text",
            enabled: false
        }));