cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for 
Search instead for 
Did you mean: 

Form is not displayed on page....

Go to solution
former_member209807
Explorer

on ‎10-19-2015 11:49 AM

0 Kudos

hi

i am trying to display simple form on web page but getting error "Message: "undefined" is not valid for aggregation "content" of Element sap.ui.layout.form.SimpleForm#__form0" i was unable to find error in my code.

var oForm = new sap.ui.layout.form.SimpleForm(

  "sf2",

  {

  maxContainerCols: 2,

  editable: true,

  content: [

         new sap.ui.commons.Label("lb1",{text:"name"}),

         new sap.ui.commons.Label("lb2",{text:"Name"}),

         new sap.ui.commons.TextField("tx1",{value:"Max"}),

         ]

  });

  oForm.placeAt("content2");

thank you.

Show replies
Show replies
Answer

Accepted Solutions (1)

Accepted Solutions (1)

dunayevsky_yuri
Participant
‎10-19-2015 12:10 PM
0 Kudos

I have copy - pasted your code into JSBIN and it works: http://jsbin.com/hezuholivu/1/edit?html,output

Maybe your bootstrap is missing some library?

Check the parameter of your .html file, it should look like this:

data-sap-ui-libs="sap.ui.commons"

Also, take a look at other parameters.

Regards.

Show replies
Show replies
former_member209807
Explorer
‎10-19-2015 12:55 PM
0 Kudos

thanks for your response.

i checked bootstrap and did't find anything difference.

i am pasting my total code

<!DOCTYPE HTML>

<html>

  <head>

  <meta http-equiv="X-UA-Compatible" content="IE=edge">

  <script src="resources/sap-ui-core.js"

  id="sap-ui-bootstrap"

  data-sap-ui-libs="sap.ui.commons"

  data-sap-ui-theme="sap_goldreflection">

  </script>

  <!-- add sap.ui.table,sap.ui.ux3 and/or other libraries to 'data-sap-ui-libs' if required -->

  <script>

  sap.ui.localResources("ztest");

  var view = sap.ui.view({id:"idfirst1", viewName:"ztest.first", type:sap.ui.core.mvc.ViewType.JS});

  view.placeAt("content");

  var oForm = new sap.ui.layout.form.SimpleForm(

  "sf2",

  {

  maxContainerCols: 2,

  // editable: true,

  content: [

         new sap.ui.commons.Label("lb1",{text:"name"}),

         new sap.ui.commons.Label("lb2",{text:"Name"}),

    //     new sap.ui.commons.TextField("tx1",{value:"Max"}),

         ]

  });

  oForm.placeAt("content2");

  </script>

  </head>

  <body class="sapUiBody" role="application">

  <div id="content"></div>

  </body>

</html>

thanks for your help...:)

dunayevsky_yuri
Participant
‎10-19-2015 1:34 PM
0 Kudos

Try to copy-pase the SAPUI5 code from the JSBIN into your <script> tag instead of your code and see if it works.

I don't understand why do you place an empty view into "content" tag (why did you define it in the first place?).

Then, you place your form into "content2" tag which does not exist in your html part.

As you can see from the JSBIN example, the "clean" code of the form declaration works fine.

Answers (0)

Ask a Question