IncludingScriptsAndCSS

This is version 1. It is not the current version, and thus it cannot be edited.
[Back to current version]   [Restore this version]

<!-- Base layout definition -->
<definition name="baseLayout" path="/layouts/baseLayout.jsp">
    ...
    <!-- Default Javascript File -->
    <putList name="scripts">
        <add value="/scripts/global.js"/>
    </putList>
    <!-- Default Stylesheet File -->
    <putList name="styles">
        <add value="/styles/default.css"/>
    </putList>
</definition>

Then in your baseLayout.jsp file, add the following to the

<%-- Get Javascript List --%>
<tiles:useAttribute id="scriptList" name="scripts" 
    classname="java.util.List" ignore="true"/>

<c:forEach var="js" items="${scriptList}">
    <script type="text/javascript"
        src="<%=request.getContextPath()%><c:out value="${js}"/>"></script>
</c:forEach>

<%-- Get List of Stylesheets --%>
<tiles:useAttribute id="styleList" name="styles" 
    classname="java.util.List" ignore="true"/>

<c:forEach var="css" items="${styleList}">
    <link rel="stylesheet" type="text/css" media="all" 
        href="<%=request.getContextPath()%><c:out value="${css}"/>" /> 
</c:forEach>

Pretty slick huh? If you want to override the scripts or styles in your child definitions, you will need to override the entire list, rather than just adding to the default. This is a limitation of the putList in Tiles.

• No need for that scriptlet to get the context path. Just use <link rel="stylesheet" type="text/css" href="<html:rewrite page="${css}"/>"/>

This only works if you're using Struts' Expression Language library (html-el). -- MattRaible

• When grabbing the variable from the tile you can use the abbreviated <tiles:importAttribute name="scripts" ignore="true"/> and it will do automatic type conversion

I've confirmed that this works, here's an example of a modified version:

<tiles:useAttribute name="styles" ignore="true"/>

<c:forEach var="css" items="${styles}">
    <link rel="stylesheet" type="text/css" media="all" 
        href="<html-el:rewrite page="${css}"/>" /> 
</c:forEach>