如何在SAPUI5中将多个对象（按钮）添加到表控件的扩展区域

Question

这是我的代码：

 var oTableRes = new sap.ui.table.Table({
        //   title: "Employee Details", 
        id: "resultsTable",
        visibleRowCount: 10,
        selectionMode: sap.ui.table.SelectionMode.Single,
        navigationMode: sap.ui.table.NavigationMode.Paginator, //Paginator or Scrollbar
        fixedColumnCount: 3, // Freezes the number of columns
        enableColumnReordering: true, // Allows you to drag and drop the column and reorder the position of the column
        width: "650px", // width of the table
        height: "400px",
        extension: [
            new sap.ui.commons.Button({
                text: "",
                id: "addExamResult",
                press: oController.addExam
            }),
            new sap.ui.commons.Button({
                text: "Delete exam result",
                id: "delExamResult",
                press: oController.deleteExam
            })
        ],
        rowSelectionChange: oController.onRowSelectExam
    });

这是我的代码。 这将在扩展区域中根据需要生成两个按钮。 但是，添加到扩展区域的每个项目都转到一个新行。 如何使它们保持一排？ （我尝试创建单元格，然后创建矩阵布局，创建包含两个单元格的行（每个按钮一个），并将布局添加到扩展区域中，但出现错误：

未捕获的错误：“ Element sap.ui.commons.layout.MatrixLayoutRow #__ row0”对于元素sap.ui.table.Table＃resultsTable的聚合“扩展”无效

任何帮助将不胜感激。

Answer 1

由于扩展部分需要控件，因此该控件应该起作用

extension : [ new sap.ui.layout.HorizontalLayout({
            busy : false, // boolean
            busyIndicatorDelay : 1000, // int
            visible : true, // boolean
            allowWrapping : false, // boolean
            tooltip : undefined, // sap.ui.core.TooltipBase

            content : [ new sap.ui.commons.Button({
                text : "Button1",
                id : "addExamResult",

            }), new sap.ui.commons.Button({
                text : "Delete exam result",
                id : "delExamResult",

            }) ]
        // sap.ui.core.Control
        }) ]

这符合您的要求吗？ 添加JSBIN