Adding elements in layout

hi,
i have a webix code like below

         window.pricetype="5000"


          webix.ui({
                                  view:"window",
                                  id:"singlemovie",
                                  height:250    ,
                                  width:700,
                                  modal:true,
                                  position:"center",
                                  head:"Single movie data",
                                  hidden: false,
                                  body:{
                                    view:"form",id:"singlemovieform",width:600, scroll: true,
                                    elements:[

                                           {

                                            view: 'layout',
                                                 cols: [
                                                   { view:"text", label:"Field", value:"Price Type",readonly:true},
                                                   { view:"text", label:"Value",id:"pricetype", value:window.pricetype},
                                                 ]


                                        },

                                        { cols:[
                                        { view:"button", value:"Save"},
                                        { view:"button", value:"Cancel",click:function(){
                                          $$('singlemoviewin').hide()
                                        }}
                                        ]}

                                    ]
                                  }

I wanted to add one more row which has non-editable textfield “movie place” and editable field “release year” after the row price and pricetype

How can i do this???

i have tried adding in cols but they are overiding. for rows the text boxes are coming line by line.

After that i need to capture all the form data when the user clicks on the save button.

How can i do this?

Hi Could anybody help me please

Hello,

I wanted to add one more row which has non-editable textfield “movie place” and editable field “release year” after the row price and pricetype

You need to add a separate layout to the elements of the form

After that i need to capture all the form data when the user clicks on the save button.

To get inner elements of the form you can with the help of queryView as

$$('id_form').queryView("text", "all");

To get values of inputs you can via getValue()

Please check the sample: https://snippet.webix.com/k2rj7ddl

@Nastja
Thank you