struts2标签的样式问题

来源:互联网 发布:javbus.me最新域名 编辑:程序博客网 时间:2024/05/22 02:04
最近发现Struts2标签的一个样式问题,网上查询后找到解决的方法,下面简单做下说明,希望别人可以借鉴下。

   页面标签代码:

<s:form action="dictionarytype-list" id="action_form">

<table cellspacing="0" cellpadding="0" >
  <tr>
    <td>数据字典类型编码:</td>
    <td><input type="text" name="dictionaryType.dicTypeCode" value="                     <s:property value="dictionaryType.dicTypeCode"/>" id="qry_dicTypeCode"  maxlength="30" />

   </td>
   <td>是否启用: </td>
   <td><s:if test="dicIsEnable!=null"> <s:select name="isEnable" list="dicIsEnable" headerKey="" headerValue="请选择" listKey="dictionaryKey" listValue="dictionaryValue" value="dictionaryType.isEnable" cssClass="selectClass"/></s:if></td>
    <td><input type="button" value="查询" class="btnlist4" onclick="checkseracha();"/></td>
  </tr>
</table>

</s:form>    

样式如下:

当查看源代码时为:

<tr>

<td>数据字典类型编码:</td>
<td>
<inputid="qry_dicTypeCode"type="text"maxlength="30"value=""name="dictionaryType.dicTypeCode">
</td>
<td>是否启用:</td>
<td></td>
</tr>
<tr>
<tdclass="tdLabel"></td>
<td>
<selectid="action_form_isEnable"class="selectClass"name="isEnable">
</td>
</tr>

发现得:在<td>是否启用:</td>后面多了<td></td>

<td><selectid="action_form_isEnable"class="selectClass"name="isEnable"></td>前面多了

<tdclass="tdLabel"></td>

分析得这是struts2标签自动添加上去的,这样显示的样式就乱了。

原理:在struts2中加入了theme(主题)的概念,通过设置不同的主题,可以让struts的代码输出不同的html代码,你也就相应得到不同的布局效果。

Struts2提供了三种主题,ajax, simple, xhtml,它默认的是xhtml主题,当然你可以写任意个你自己的主题,我们称之为自定义主题


解决办法如下:

1.简单的方法(也很实用)

在Struts.xml中,加上下一行代码就可以了

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

代表所有的页面采用的都是 simple主题了,这时它输出的页面,不回添加任何多余的代码,比如 table tr td 等,我们就可以像其他编辑页面的方式编辑页面的风格。

或者 在 <s:form 中添加 theme

<s:form theme="simple"></s:form>

struts2每个标签都有theme属性

2.在Struts.properties里改:

#设置主题
struts.ui.theme=simple

可见另一篇:struts.properties

原创粉丝点击