用户界面-将Html字段转换为Struts2标记



我是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.
}

正如我所说的两个字段应该已经在同一行上可见了。

相关内容

  • 没有找到相关文章

最新更新