将多个提交按钮放在同一行

Question

我正在尝试将三个提交按钮放在同一行，但它们一直显示在另一个下方。这些按钮的功能非常好，我只是不能让它们在同一条线上。我在 .jsp 文件中的代码：

<table>
  <tr>                  
    <s:submit value="Save" />
    <s:submit value="Cancel" action="cancelAction"/>
    <s:submit value="Add" action="requirementValidationAction" />
  </tr>
</table>

但是，在我构建并运行页面后，HTML 源代码显示如下：

<table>
    <tr>                    
        <tr>
            <td colspan="2"><div align="right"><input type="submit" id="addToParkingLotAction_0" value="Save"/>
            </div></td>
        </tr>

        <tr>
            <td colspan="2"><div align="right"><input type="submit" id="addToParkingLotAction_cancelAction" name="action:cancelAction" value="Cancel"/>
            </div></td>
        </tr>

        <tr>
            <td colspan="2"><div align="right"><input type="submit" id="addToParkingLotAction_requirementValidationAction" name="action:requirementValidationAction" value="Add"/>
            </div></td>
        </tr>
</table>

Struts2 正在为每个提交按钮添加自己的表格行，使它们位于另一个下方。我尝试删除声明，但它看起来仍然一样。我还尝试完全移除桌子，没有骰子。非常感谢您的帮助。

Answer 1

默认主题将表单元素放在表格行/单元格中。

在指定“简单”主题时创建按钮：

<s:submit value="Save" theme="simple" />
<s:submit value="Cancel" action="cancelAction" theme="simple" />
<s:submit value="Add" action="requirementValidationAction" theme="simple" />

有多个ways to set the theme；在每个元素中都这样做可能不是最适合您的情况 - 可能更好地在表单本身上设置主题。

如果您的应用需求超出了默认提供的范围，您可能需要create your own theme。

Answer 2

Struts2 默认使用xhtml theme 使用常见HTML 实践的默认主题。 在您的情况下，您正在使用该主题，因此 struts 底层系统正在为您生成此主题 使用简单的主题

您可以在每页基础上设置简单的主题

<s:set name="theme" value="'simple'" scope="page" />

或基于每个标签，因为每个标签都有主题属性 喜欢

<s:submit value="Save" theme="simple" />

如果您希望整个应用程序的主题尽可能简单，这样它就不会为您的应用程序生成默认 HTMl，您可以在 struts.property 文件或 struts 配置文件中执行此操作 喜欢

在 struts.properties 文件中

struts.ui.theme=simple

或在struts配置文件中

作为常数

<constant name="struts.ui.theme" value="simple" />