4

私はこのようなjspファイルを持っています:

<html>
<head>
     <script type="text/javascript">
       var type=<bean:write name="class" property="type" />  
     </script> 

     <style type="text/css">
        .td-type1
        {
            width: 10mm;
        }
        .td-type2
        {
            width: 20mm;
        }
    </style>
</head>
<body>
    <table>
        <tr>
            <td class="td-type1">
            </td>
        </tr>
    </table>
</body>
</html>

私の質問は:型の値に基づいてcssを動的に変更する方法は?たとえば、タイプが2の場合、td-type2のcssクラスをtdタグに使用する必要があります。.propertiesファイルを使用してすべての構成ファイルまたはマルチCSSファイルを保存する必要がありますか...?

4

1 に答える 1

9

リクエスト属性の値をclassJSPの属性に追加できます。

<td class="td-type<%=type%>">

補足として、スクリプトレット(JSPのJavaコード)の使用は強くお勧めしません。代わりにJSTLとELを使用してください。この質問では、JSPファイルでJavaコードを回避する理由と方法を説明します

<td class="td-type${type}">

または、if-elseのような構文を実装したい場合は、たとえば次のようになります。

<c:choose>
    <c:when test="${type eq "2"}">
        <c:set var="varclass" value="td-type2"/>
    </c:when>
    <c:otherwise>
        <c:set var="varclass" value="td-type1"/>
    </c:otherwise>
</c:choose>
<td class="${varClass}">
于 2013-02-08T15:37:38.753 に答える