如何在struts2屬性標簽中提供JavaScript函數和CSS樣式

Question

<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"時，它顯示錯誤。我對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>

Answer 1

在struts2中，我們可以像這樣在struts2標簽中使用cssStyle屬性...

<s:a href="%{LogOut}" cssStyle="search_textbx"> <small> LogOut </small> </s:a>

<%@ taglib prefix="s" uri="/struts-tags" %>

您正在使用其struts1的功能我相信請檢查此鏈接使用Struts 2的標簽

<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>

Answer 2

將id / class賦予td元素，然后更改css / js以選擇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>

如何在struts2屬性標簽中提供JavaScript函數和CSS樣式

問題描述

2 個解決方案

解決方案1
2 2015-12-30 05:03:57

解決方案2
1 已采納 2015-12-30 05:04:38

如何在struts2屬性標簽中提供JavaScript函數和CSS樣式

問題描述

2 個解決方案

解決方案1 2 2015-12-30 05:03:57

解決方案2 1 已采納 2015-12-30 05:04:38

解決方案1
2 2015-12-30 05:03:57

解決方案2
1 已采納 2015-12-30 05:04:38