将引导样式应用于 Struts 1.x html 标签答案

【问题标题】：Applying bootstrap styles to Struts 1.x html tags将引导样式应用于 Struts 1.x html 标签
【发布时间】：2017-06-29 07:56:48
【问题描述】：

我正在开发一些使用 Struts html 标签而不是标准 html 标签的遗留 Struts 1.x 应用程序。我正在尝试在不进行功能更改的情况下使 UI 现代化。

例如：输入字段为<html:text property="someProperty" styleClass="someCssStyle">

而不是<input type="text" class="someCssStyle">

如果我更改，<html:text> 到 <input type="text"> 属性绑定会中断，即输入字段中的值不会传递给代码。

如果我尝试将引导样式应用于<html:text>，它不起作用。

如何将 Bootstrap 样式应用于旧版 struts html 标签？

【问题讨论】：

is styleClass="form-control" 不工作
没有。它不会将与关联的圆角边缘样式应用于
stackoverflow.com/questions/13893498/…
该问题和接受的答案都是 Struts 2 特有的，不适用于 Struts 1.x。
1) 例如，是否可以用包装 div 包围元素？ 2) 解决方案可以包括 javascript / jQuery 吗？ 3) 你能提供一个例子说明该字段在呈现时在 html 中的外观吗？

【解决方案1】：

您已将样式添加到 styleClass 属性。

例如：

<html:text property="propName" name="formName" styleClass="form-control"></html:text>

或

<html:submit styleClass="btn btn-link">submit</html:submit>

这是 GitHub 上一个非常基本的示例应用程序，它显示了这个工作原理： https://github.com/lviviani/sample-struts-bootstrap

【讨论】：