切掉openui5下拉框

Question

timeDBox = new sap.ui.commons.DropdownBox({
    layoutData: new sap.ui.layout.GridData({
        linebreak: true, 
        span: "L12 M12 S12"
    }),
    change: function(oEvent){
        //something
    }
});

给出了下面的方框

但是我想让我的下拉变小，所以我改变了

layoutData: new sap.ui.layout.GridData({span: "L4 M4 S4"}),

导致切碎的下拉

知道我的代码存在什么问题。

Answer 1

您可以在定义控件时添加width属性，无需额外的方法：

var timeDBox = new sap.ui.commons.DropdownBox({
    layoutData: new sap.ui.layout.GridData({
        linebreak: true, span: "L12 M12 S12"
    }),
    width: "40px",
    change: function(oEvent){
        //something
    }
);

Answer 2

timeDBox = new sap.ui.commons.DropdownBox({
                                            layoutData: new sap.ui.layout.GridData({linebreak: true, span: "L12 M12 S12"}),
                                            change: function(oEvent){
                                                //something
                                            }).setWidth("40px")

将setWidth添加到DropdownBox可以在不改变范围的情况下解决问题。