Sapui5-以简单形式调整大小

Sapui5-以简单形式调整大小,sapui5,sap-fiori,Sapui5,Sap Fiori,我正在使用sapui5开发一个应用程序,我在简单形式的dropdownbox的大小方面遇到了问题。sap.m包中的项目似乎会自动调整到简单表单内容的大小,而sa.ui.commons等包中的其他项目也不会调整 如何调整下拉框的大小?我尝试将宽度和高度设置为100%,但没有成功 添加代码: <c:FragmentDefinition xmlns:mvc="sap.ui.core.mvc" xmlns:l="sap.ui.layout" xmln

我正在使用sapui5开发一个应用程序,我在简单形式的dropdownbox的大小方面遇到了问题。sap.m包中的项目似乎会自动调整到简单表单内容的大小,而sa.ui.commons等包中的其他项目也不会调整

如何调整下拉框的大小?我尝试将宽度和高度设置为100%,但没有成功

添加代码:

<c:FragmentDefinition
        xmlns:mvc="sap.ui.core.mvc"
        xmlns:l="sap.ui.layout"
        xmlns:f="sap.ui.layout.form"
        xmlns:c="sap.ui.core"
        xmlns:co="sap.ui.commons"
        xmlns:col="sap.ui.commons.layout"
        xmlns="sap.m">
            <l:Grid
            defaultSpan="L12 M12 S12"
            width="auto">
            <l:content>
                <f:SimpleForm

                    minWidth="800"
                    maxContainerCols="2"
                    editable="true"
                    layout="ResponsiveGridLayout"
                    title="General Info"
                    labelSpanL="3"
                    labelSpanM="3"
                    emptySpanL="4"
                    emptySpanM="4"
                    columnsL="2"
                    columnsM="2"
                    class="editableForm">
                    <f:content>
                        <Label text="Employee Name" />
                        <co:DropdownBox   width="200px" >
                            <c:ListItem text="Emp1"/>
                            <c:ListItem text="Emp2"/>
                        </co:DropdownBox> 
                        <Label text="Type of Travel" />
                        <Select >
                            <c:ListItem key="B" text="Business"/>
                            <c:ListItem key="O" text="Other"/>
                        </Select>

                    </f:content>
                </f:SimpleForm>
            </l:content>
        </l:Grid>
    </c:FragmentDefinition>

不如省略commons控件的宽度,就像您对m控件所做的那样?它可以将sap.ui.commons.DropdownBox扩展到与sap.m.Select控件相同的宽度

另一方面,我不会将m控件与普通控件混合使用;您可能会遇到CSS问题

编辑:请参见此工作示例,sap.ui.commons.DropdownBox和sap.m.Select的大小相同:

sap.ui.controllerview1.initial{ onInit:函数{} }; var app=new sap.m.app{}; var oView=sap.ui.xmlview{ 查看内容:jQueryview1.html }; app.addPageoView; app.placeAtuiArea; SAPUI5模板
不起作用,尺寸变得更小。它不会像控件那样扩展它。这就是我面临的问题。不确定出了什么问题,请使用您的代码查看我的更新答案高度仍然不同,当我在应用程序中使用它时,它的宽度也不相同:是的,当然高度不同,它是一个完全不同的控件,您当时期望的是什么:-您可以更改CSS以更改高度。但是,宽度应该调整得很好,您一定在某个地方犯了编码/css宽度错误。不过,我不会把commons和m控件混在一起。是的,你完全正确。我不应该把那些图书馆混在一起。我会坚持一个,看看它看起来怎么样。谢谢投票以sap.ui.commons结束这个问题是不赞成的,并且与作者同意的sap.m不兼容。这个问题不太可能对未来的读者有所帮助。