Sapui5 表单中混合了可编辑字段和不可编辑字段

我对表单及其字段有“大”问题：

我想要一个混合内容：可编辑和不可编辑字段。如果我设置了

editable=“true”

可编辑字段的对齐方式是正确的，那么我设置的id

editable=“false”

不可编辑字段的对齐方式是正确的

控制器的代码为：

this.byId("rowDetFormEditContainer").removeAllFormElements();
        for (var i = 0; i < cols.length; i++) {
            var formEl = new sap.ui.layout.form.FormElement();
            formEl.setLabel(cols[i]);


            //small edit (beni)
            else if((getActualOperationId()=="dettBeniPeriodo"||getActualOperationId()=="dettRettificheBeni")&&(cols[i]=='NOM_DOGANALE')){
                this.getView().setModel('bene','updateType');
                if(cols[i]=='NOM_DOGANALE'){
                    var codNomnclList=sap.ui.getCore().getModel('codNomnclList');
                    var field=new sap.m.Input({value : itemToEdit[Object.keys(itemToEdit)[i]]});
                    for(var k=0;k<codNomnclList.beni.length;k++){
                        field.addSuggestionItem(new sap.ui.core.Item().setKey(codNomnclList.beni[k]).setText(codNomnclList.beni[k]));
                        field.setShowSuggestion(true);
                    }
                    formEl.addField(field);

                }else{
                    formEl.addField(new sap.m.Text({text:itemToEdit[Object.keys(itemToEdit)[i]]}));
                }



            }else{
                formEl.addField(new sap.m.Text({text:itemToEdit[Object.keys(itemToEdit)[i]]}));
            }

            this.byId("rowDetFormEditContainer").addFormElement(formEl);

        }

this.byId（“rowDetFormEditContainer”）.removeAllFormElements（）；
对于（变量i=0；i对于（var k=0；k我认为这是
元素的问题
您在
addField（）中的使用

在这个
NOM_DOGANALE
元素旁边，使用
input
元素，否则使用
文本

使用
input
代替
text
并使用
setEditable（false）
。这应该行。
这不能解决您是否做了一些额外的CSS修改？正常情况下，它应该对齐ok。此外，您的控制器代码不正确，它显示了一个
else if
，没有前面的
if
语句是的，我在else if之前剪切了if块。我没有更改CSS。有解决方案吗注意，在demokit示例中，如果表单是可编辑的，他们会在标签中添加一个额外的“padding top:16px；”。但是如果您有一个混合了可编辑元素的表单，这可能不起作用。遗憾的是，您必须修改CSS：(
<Page id='pageRowDetailEdit' title="Modifica" showNavButton="true" navButtonPress="doBack">
        <content>
        <l:Grid
            defaultSpan="L12 M12 S12"
            hSpacing="2"
            width="auto">
            <l:content>
              <f:Form id="FormEdit"
                minWidth="1024"
                maxContainerCols="2"
                editable="false"
                class="isReadonly">
                <f:title>
                  <core:Title text="Modifica" />
                </f:title>
                <f:layout>
                  <f:ResponsiveGridLayout
                    labelSpanL="3"
                    labelSpanM="3"
                    emptySpanL="4"
                    emptySpanM="4"
                    columnsL="1"
                    columnsM="1" />
                </f:layout>
                 <f:formContainers>
                   <f:FormContainer id="rowDetFormEditContainer">

                  </f:FormContainer> 
                </f:formContainers> 
              </f:Form>
            </l:content>
          </l:Grid>

        </content>

        <footer>
          <Bar>
            <contentRight>
              <Button text="Accetta" press="onPressOnAccept" type="Accept" />
            </contentRight>
          </Bar>
        </footer>



    </Page>