输入表格建议js

Question

我坚持让事情为输入表格建议工作。问题是我想在控制器内创建输入字段。我找到了this example，但是它使用XML视图来创建字段。

我试图将示例转换为JS，但我确实从建议行和列开始有很多错误。我该如何实现呢？这是我尝试过的：

new sap.m.Input({
    visible: "{= ${UserId} === '' ? true : false}",
    /*  showValueHelp="true",*/
    showSuggestion: true,
    valueHelpRequest: "onManageServiceOwners",
    suggest: "handleInputSuggest",
    /* suggestionRows: "{ path: 'serviceDetailsModel>/SuggestedServiceOwners' }",*/
    suggestionRows: sap.m.input.insertSuggestionRow(item, -1) ,
    suggestionColumns: sap.m.input.insertSuggestionColumn(oSuggestionColumn,  -1),
    submit: (this.onSubmitOwnerId).bind(this)
})

Answer 1

在XML视图中，你有它in the SDK samples。

使用JS + XML视图，您可以在这里找到a working demo和片段：

var oInput = new sap.m.Input({
    showSuggestion: true,
    showTableSuggestionValueHelp: false,
    suggestionColumns: [
        new sap.m.Column({
            label: new sap.m.Label({ text: "Name" })
        }),
        new sap.m.Column({
            label: new sap.m.Label({ text: "ProductId" })
        }),
        new sap.m.Column({
            label: new sap.m.Label({ text: "SupplierName" })
        })
    ],
    suggestionRows: {
        path: "/ProductCollection",
        template: new sap.m.ColumnListItem({
            cells: [
                new sap.m.Text({
                    text: { path: "Name" }
                }),
                new sap.m.Text({
                    text: { path: "ProductId" }
                }),
                new sap.m.Text({
                    text: { path: "SupplierName" }
                })
            ]
        })
    },
});