我是struts2的新手…我用纯html设计了一个页面。。现在我已经在struts2项目中使用了这个html页面。。如何将html字段元素转换为Struts2ui标记???我的html页面看起来像:
<tr>
<td class="style4">**Customer Name***</td>
<td><input type="text" name="Scr_Inq_CName" class="body-fieldsTextFields" id="Scr_Inq_CName_id" tabindex="4" onkeypress="return CommonKeyPressIsAlpha(event);"/></td>
</tr>
我已经将样式(style4)分配给标签"客户名称",并将样式(body fieldsTextFields)分配给文本框,我还对此进行了验证。。
当我使用Struts标签时
它显示应用了样式(body fieldsTextFields)的文本字段,当我运行项目时。。。但是客户名称标签显示在单独的行<tr><td>Customer name</td></tr>
中。
文本字段显示在表下方的<tr>
行中。我使用FireBug发现了这种障碍。
如何将style4应用于客户名称标签和正文字段textfields样式应用于所有文本字段,以及如何使标签和文本字段显示在同一行?????
谢谢。。
<tr>
<td class="style4">**Customer Name***</td>
<td><s:textfield cssClass="body-fieldsTextFields" theme="simple" name="Scr_Inq_CName" id="Scr_Inq_CName_id" onkeypress="return CommonKeyPressIsAlpha(event);"/></td>
</tr>
这将给你想要的
theme="simple"
将删除支柱样式。struts2标记使用cssClass
属性来使用css类。
看看史蒂文的评论。你需要提高接受率。
对于对齐问题,我想您在style4的CSS规则中有一些错误,您应该检查是否放置了一些display:block或类似规则,这些规则会使下一个单元格位于第一个单元格之下,否则html是正确的。
如果你喜欢创建一个真正的标签,你可以这样做(我使用Struts标签):
<tr>
<td><label for="Scr_Inq_CName_id">**Customer Name**</label></td>
<td><html:text property="Scr_Inq_CName" styleClass="body-fieldsTextFields" styleId="Scr_Inq_CName_id" tabindex="4" onkeypress="return CommonKeyPressIsAlpha(event);" /></td>
</tr>
对于CSS规则,您可以使用属性选择器:
input[type="text"]{
//This rule is valid for every input of type text, or textfield.
}
正如我所说的两个字段应该已经在同一行上可见了。