struts2标签的样式问题
2012-12-09 09:20
323 查看
最近发现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>
样式如下:
![](http://zsk.zrar.com/zrarzsk/UserFiles/Image/20121130/43851354272795890.jpg)
当查看源代码时为:
<tr>
<td>数据字典类型编码:</td>
<td>
<input
id="qry_dicTypeCode"
type="text"
maxlength="30"
value=""
name="dictionaryType.dicTypeCode">
</td>
<td>是否启用:
</td>
<td></td>
</tr>
<tr>
<td
class="tdLabel"></td>
<td>
<select
id="action_form_isEnable"
class="selectClass"
name="isEnable">
</td>
</tr>
发现得:在<td>是否启用:
</td>后面多了<td></td>;
<td><select
id="action_form_isEnable"
class="selectClass"
name="isEnable"></td>前面多了
<td
class="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
页面标签代码:
<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>
样式如下:
![](http://zsk.zrar.com/zrarzsk/UserFiles/Image/20121130/43851354272795890.jpg)
当查看源代码时为:
<tr>
<td>数据字典类型编码:</td>
<td>
<input
id="qry_dicTypeCode"
type="text"
maxlength="30"
value=""
name="dictionaryType.dicTypeCode">
</td>
<td>是否启用:
</td>
<td></td>
</tr>
<tr>
<td
class="tdLabel"></td>
<td>
<select
id="action_form_isEnable"
class="selectClass"
name="isEnable">
</td>
</tr>
发现得:在<td>是否启用:
</td>后面多了<td></td>;
<td><select
id="action_form_isEnable"
class="selectClass"
name="isEnable"></td>前面多了
<td
class="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
相关文章推荐
- struts2标签样式问题。
- struts2 标签变形和 样式class无效 问题解决方法
- Struts2的标签,valueStack,$ ,# ,% 的问题
- Struts2标签<s:checkboxlist>回显问题
- struts2标签遇到的问题和JS问题
- struts2标签遍历时,显示内容忽略<html>代码问题
- 去除 struts2 标签中的自动生成的布局样式
- struts2的<s:iterator>标签 遇到的问题:java.lang.ClassCastException:cannot be cast to java.lang.String
- 解决struts2标签在HTML中错位的问题
- Struts2标签<s:checkboxlist>回显问题
- struts2在标签中删除按钮的id传值问题
- 日常问题记录--jsp中struts2标签如何获取当前页面的url参数
- struts2的 select标签选中问题解决
- STRUTS2自定义分页标签及过程中的问题
- A标签几种状况下的样式问题
- struts2标签与默认样式
- struts 2标签 <s:textfield> 样式问题
- Struts2标签输出日期格式问题
- bootstrap table中的行tr标签设置display:block后行样式错乱问题
- Struts2中使用标签<s:checkboxlist>的问题