如何在 struts2 属性 标签中提供 javascript 函数和 css 样式
How to give a javascript function and css style in struts2 property tag
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script type="text/javascript">
$(function () {
$( "#startDate" ).datepicker({
changeMonth: true,
changeYear: true,
dateFormat: 'yy-mm-dd'
});
});
</script>
<style type="text/css">
.search_textbx
{
background-image:url('/SalesPropeller/calendar.jpg');
background-repeat:no-repeat;
background-position:right;
}
</style>
在上面的代码中,有一个 javascript 函数和 css 样式,我在 <input>
标签中使用它们,如下所示
<input type="text" id="startDate" name="startDate" class="search_textbx" size="15" readonly="readonly"/>
我的问题是我有 struts2 标签,当我在下面的代码中使用相同的 id="startDate"
和 class="search_textbx"
时,它显示 error.I am struts2 是全新的,因此我们将不胜感激。
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="html" uri="/WEB-INF/struts-html.tld" %>
<%@taglib prefix="bean" uri="/WEB-INF/struts-bean.tld" %>
<html:html>
<body>
<td style="padding-left:50px;">Lead Date </td>
<td><html:text property="leadDate" size="17.5"/></td>
<td><html:errors property="leadDate" /></td>
</body>
</html:html>
在struts2中,我们可以像这样在struts2标签中使用cssStyle属性...
<s:a href="%{LogOut}" cssStyle="search_textbx">
<small> LogOut </small>
</s:a>
<%@ taglib prefix="s" uri="/struts-tags" %>
你用的是什么 struts1 我相信检查这个 link Using Struts 2 Tags
<td style="padding-left:50px;">Lead Date </td>
<td id="yourID"><s:text value="leadDate" size="17.5" cssStyle="search_textbx"></s:text></td>
<td id="yourID"><s:actionerror value="leadDate" cssStyle="search_textbx"></s:actionerror></td>
将 id/class 赋给 td 元素并将 css/js 更改为 select td 中的输入。
jsp:
<td id='startDate'><html:text property="leadDate" size="17.5"/></td>
<td class='search_textbx'><html:text property="leadDate" size="17.5"/></td>
css:
.search_textbx input
{
background-image:url('/SalesPropeller/calendar.jpg');
background-repeat:no-repeat;
background-position:right;
}
脚本:
<script type="text/javascript">
$(function () {
$( "#startDate input" ).datepicker({
changeMonth: true,
changeYear: true,
dateFormat: 'yy-mm-dd'
});
});
</script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script type="text/javascript">
$(function () {
$( "#startDate" ).datepicker({
changeMonth: true,
changeYear: true,
dateFormat: 'yy-mm-dd'
});
});
</script>
<style type="text/css">
.search_textbx
{
background-image:url('/SalesPropeller/calendar.jpg');
background-repeat:no-repeat;
background-position:right;
}
</style>
在上面的代码中,有一个 javascript 函数和 css 样式,我在 <input>
标签中使用它们,如下所示
<input type="text" id="startDate" name="startDate" class="search_textbx" size="15" readonly="readonly"/>
我的问题是我有 struts2 标签,当我在下面的代码中使用相同的 id="startDate"
和 class="search_textbx"
时,它显示 error.I am struts2 是全新的,因此我们将不胜感激。
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="html" uri="/WEB-INF/struts-html.tld" %>
<%@taglib prefix="bean" uri="/WEB-INF/struts-bean.tld" %>
<html:html>
<body>
<td style="padding-left:50px;">Lead Date </td>
<td><html:text property="leadDate" size="17.5"/></td>
<td><html:errors property="leadDate" /></td>
</body>
</html:html>
在struts2中,我们可以像这样在struts2标签中使用cssStyle属性...
<s:a href="%{LogOut}" cssStyle="search_textbx">
<small> LogOut </small>
</s:a>
<%@ taglib prefix="s" uri="/struts-tags" %>
你用的是什么 struts1 我相信检查这个 link Using Struts 2 Tags
<td style="padding-left:50px;">Lead Date </td>
<td id="yourID"><s:text value="leadDate" size="17.5" cssStyle="search_textbx"></s:text></td>
<td id="yourID"><s:actionerror value="leadDate" cssStyle="search_textbx"></s:actionerror></td>
将 id/class 赋给 td 元素并将 css/js 更改为 select td 中的输入。
jsp:
<td id='startDate'><html:text property="leadDate" size="17.5"/></td>
<td class='search_textbx'><html:text property="leadDate" size="17.5"/></td>
css:
.search_textbx input
{
background-image:url('/SalesPropeller/calendar.jpg');
background-repeat:no-repeat;
background-position:right;
}
脚本:
<script type="text/javascript">
$(function () {
$( "#startDate input" ).datepicker({
changeMonth: true,
changeYear: true,
dateFormat: 'yy-mm-dd'
});
});
</script>