如何从对话框中选择的下拉列表中将数据添加到表行

Question

我在对话框中的下拉菜单为：

    if (!this.pressDialog) {
        this.pressDialog = new Dialog({
  title: "Wafer",
  contentWidth: "40px",
            contentHeight: "300px",
            content: [
    new sap.m.Text({width:'100%', text: 'Component Name' }),

    new sap.m.Select({
    width: '60%', 
    items: [

    new sap.ui.core.Item("item11", {text: "Disregarded"}),

    new sap.ui.core.Item("item12", {text: "Corporation"}),

    new sap.ui.core.Item("item13", {text: "Partnership"})

    ]

    }),

    new sap.m.Text({ width:'100%',text: 'Category' }),
    new sap.m.Select({
      width: '60%',
      items: [

      new sap.ui.core.Item("item1111", {text: "Disregarded"}),

      new sap.ui.core.Item("item1234", {text: "Corporation"}),

      new sap.ui.core.Item("item1314", {text: "Partnership"})

      ]

      }),


          new sap.m.Text({width:'100%', text: 'Quantity' }),
          new sap.m.Select({
            width: '60%',
            items: [

            new sap.ui.core.Item("item15211", {text: "Disregarded"}),

            new sap.ui.core.Item("item136454", {text: "Corporation"}),

            new sap.ui.core.Item("item213754", {text: "Partnership"})

            ]

            }),

        new sap.m.Text({width:'100%', text: 'MainCategory' }),
        new sap.m.Select({
          width: '60%',
          items: [

          new sap.ui.core.Item("item11411", {text: "Disregarded"}),

          new sap.ui.core.Item("item34", {text: "Corporation"}),

          new sap.ui.core.Item("item314", {text: "Partnership"})

          ]

          })],




            beginButton: new Button({
                type: ButtonType.Emphasized,
                text: "OK",
                press: function () {
                    this.pressDialog.close();
                }.bind(this)
            }),
            endButton: new Button({
                text: "Close",
                press: function () {
                    this.pressDialog.close();
                }.bind(this)
            })
        });

        //to get access to the global model
        this.getView().addDependent(this.pressDialog);
    }

它看起来像：

如何从对话框中捕获此处的数据并将其添加到具有与每个项目相同的列的表中，

• 组件名称，
• 类别，
• 数量，
• 主要类别

我正在尝试如何从所选下拉列表的值中生成 JSON，以便可以绑定到表格

抱歉再问一个问题：how can I center the select boxes 在对话框中

感谢 TIA 的任何帮助或指导链接！

Answer 1

所以，我的理解是您想从选定的下拉列表 (sap.m.Select) 中创建一个 Json 模型。我们首先创建模型：

let model= {
            "componentName": "Disregarded",
            "category": "Disregarded",
            "quantity": "Disregarded",
            "mainCategory": "Disregarded",
        };
let jsonModel = new JSONModel(model);
this.getView().setModel(jsonSetting, "tableModel");

对于每个sap.m.Select，我们都有这样的东西（类别示例）：

new sap.m.Select({
                        width: '60%',
                        textAlign: "Center",
                        selectedKey: "{tableModel>/category}",
                        items: [
                 new sap.ui.core.Item("item1111", {text: "Disregarded",key:"Disregarded"}),

                 new sap.ui.core.Item("item1234", {text: "Corporation",key:"Corporation"}),

                 new sap.ui.core.Item("item1314", {text: "Partnership",key:"Partnership"})
                        ]
                    }),

您必须为每个sap.ui.core.Item 添加键，例如所需的文本，而不是指定模型和选定项目selectedKey: "{tableModel>/category}" 之间的动态绑定。选择另一个项目时，模型将可见更改。

要使选择框中的文本居中，请使用textAlign: "Center"，如果您想在对话框中居中，请使用sap.m.FlexBox：

new sap.m.FlexBox({
         justifyContent: "Center",
         items:[
              new sap.m.Select({
                    ...
              }),
         ]
}
),

如果选择框出现包裹删除属性width:60%

现在您已经准备好模型，您可以将它与表格绑定（我想您希望在 OK 按钮的功能中使用它）。

请注意，变量model 将指定每个sap.m.Select 的初始选定键（每个人都设置为忽略）。