Typescript 您如何提交带有“模型”的表格；提交；按钮

我是TypeScript新手，我正在尝试为Sabre web开发一些基本表单。我可以很容易地创建一个新按钮并通过它提交表单命令，但我不知道如何使您可以在模型中创建的基本“提交”按钮执行任何操作。以下是我的选择供参考

WFRBuilder():void {
    const options = {
        title: 'WFR Builder',
        actions: [{
            className: 'app.common.views.Button',
            caption: 'Cancel',
            actionName: 'cancel',
            type: 'secondary'
        },
            {
                className: 'app.common.views.Button',
                caption: 'Submit',
                actionName: 'submit-pnr',
                type: 'secondary'
            }]
    };

---

但我如何触发按钮按下？

我正在从sabre脚本编写过渡到sabre red应用程序

我发现这个示例/示例有文本框来收集信息，然后按submit按钮发送给sabre

位置：C:\SDK\red-app-SDK-3.0-20.11.6\samples文件：com.sabre.redapp.example3.web.customworkflow-1.0.5-SNAPSHOT-v20201016-1358.zip

这是主处理器文件，用于将html中的数据初始化为ts和sabre。C:\SDK\workspace\com-sabre-test3-web-module\src\code Main.ts

sabre中显示的模式来自模板目录。这些是带有方框/下拉列表等的HTML页面。C:\SDK\workspace\com-sabre-test3-web-module\src\templates PnrView.html

传输至sabre C:\SDK\workspace\com-sabre-test3-web-module\src\code\view Pnr.View.ts

这是Main.ts中的按钮部分

私有createPNR（）：void{

    const pnrOptions = {
        title: 'Add to PNR',
        actions: [{
            className: 'app.common.views.Button',
            caption: 'Cancel',
            actionName: 'cancel',
            type: 'secondary'
        }, {
            className: 'app.common.views.Button',
            caption: 'Submit',
            actionName: 'submit-pnr',
            type: 'secondary'
        }]
    };

    const tenDaysAheadFlight = '1' + datesService.getNow().add(10, 'days').format('DDMMM').toUpperCase() + 'LGWKRK';

    getService(LayerService).showInModal(new PnrView({
        model: {flight: tenDaysAheadFlight}
    }), pnrOptions , {display: 'areaView'});
}