サポート > Wagby Developer Network > 見栄えのカスタマイズ > パンくず部
パンくずの構造
図1 パンくず
（クリックすると拡大画像が表示されます）
$(DEVHOME)\env\template\jspc\pankuzu.jsp は、「__jfc_pankuzu」というオブジェクトに格納されたパンくず情報から、パンくず用の HTML を作成します。
<%@ page pageEncoding="UTF-8"%>
<div id="pankuzuarea" class="pankuzu">
<c:forEach var="item" varStatus="__position" items="${__jfc_pankuzu.item}">
<c:choose>
<c:when test="${item.url != null}">
<a href= "<c:out value="${item.url}"/><c:if test="${item.querystring != null}"><c:out value="${item.querystring}"/></c:if>" onClick="if(clickedMenu) {return false;} clickedMenu=true;"><c:out value="${item.title}"/></a>
</c:when>
<c:otherwise>
<c:out value="${item.title}"/>
</c:otherwise>
</c:choose>
<c:if test="${!__position.last}"> > </c:if>
</c:forEach>
</div>
__jfc_pankuzu は Wagby が内部でもっているパンくずオブジェクトです。 この XML 表現の例を示します。
<pankuzu>
<item title="メニュー" url="mainMenu.do" querystring=""></item>
<item title="スタッフ検索" url="showListStaff.do"
querystring="?%6e%61%6d%65=%73%68%6f%77%4c%69%73%74%53%74%61%66%66">
</item>
<item title="スタッフ新規登録" querystring=""></item>
<item title="スタッフ詳細表示" url="showStaff.do"
querystring="?%75%73%65%72%69%64=%61%64%6d%69%6e"></item>
</pankuzu>
図2 パンくずの表示例
