Coding Tampilan (.jsp)
Untitled Document
Disini saya akan memberilkan coding untuk tampilan (.jsp) pada program yang kemarin saya tuliskan. Kita mulai dari item-add.jsp.
item-add.jsp
<%@taglib prefix="s" uri="/struts-tags"%>
<%@taglib prefix="j" uri="/struts-jquery-tags"%>
<%@taglib prefix="c" uri="/struts-tags"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Item</title>
<j:head jqueryui="true" loadAtOnce="true" loadFromGoogle="false"
compressed="false" />
</head>
<body>
<s:url id="post" action="item" />
<s:form id="item" action="item" method="post">
<table border="0" cellpadding="3" cellspacing="1" align="center">
<tr>
<td width="100"><s:a action="item">Search</s:a></td>
</tr>
<tr>
<td colspan="2"><s:actionerror /> <s:actionmessage /></td>
</tr>
<tr bgcolor="#d0dcff">
<td colspan="3"><strong>Item</strong></td>
</tr>
<tr bgcolor="#ffffff">
<s:textfield name="code" label="Code" size="30" labelSeparator="" />
</tr>
<tr bgcolor="#ffffff">
<s:textfield name="name" label="Name" size="30" labelSeparator="" />
</tr>
<tr bgcolor="#ffffff">
<s:textfield name="description" label="Description" size="30"
labelSeparator="" />
</tr>
<tr bgcolor="#ffffff">
<s:textfield name="price" label="Price" size="30" labelSeparator="" />
</tr>
<tr bgcolor="#ffffff">
<td>Category</td>
<td>
<select name="item.cate.id">
<option value="$!item.cate.id"></option>
</select>
</td>
</tr>
<tr bgcolor="#ffffff">
<td colspan="2" align="right"><input type="submit"
value="Submit" width="70" /> <input type="reset" value="reset"
width="70" /></td>
</tr>
</table>
</s:form>
</body>
</html> |
Lalu kita tambahakan item-detail.jsp
<%@taglib prefix="s" uri="/struts-tags" %>
<%@taglib prefix="j" uri="/struts-jquery-tags" %>
<html>
<head>
<title>Detail Item Data</title>
</head>
<body>
<table bgcolor="#e4e4e4" border="0" cellpadding="3" cellspacing="1" align="center">
<tr>
<td bgcolor="#ffffff" colspan="3"><s:a action="item">Item List</s:a></td>
</tr>
<tr bgcolor="#d0dcff">
<td colspan="1">
<strong>Item Detail</strong> </td>
<td colspan="2"> </td>
</tr>
<tr>
<td bgcolor="#d0dcff" width="100">Code</td>
<td bgcolor="#ffffff">:</td>
<td bgcolor="#ffffff" width="300">${code}</td>
</tr>
<tr>
<td bgcolor="#d0dcff">Name</td>
<td bgcolor="#ffffff">:</td>
<td bgcolor="#ffffff">${name}</td>
</tr>
<tr>
<td bgcolor="#d0dcff">Description</td>
<td bgcolor="#ffffff">:</td>
<td bgcolor="#ffffff"><s:property value="birthDate" />
${description}</td>
</tr>
<tr>
<td bgcolor="#d0dcff">Price</td>
<td bgcolor="#ffffff">:</td>
<td bgcolor="#ffffff">${price}</td>
</tr>
</table>
<br></br>
</body>
</html> |
item-edit.jsp
<%@taglib prefix="s" uri="/struts-tags"%>
<%@taglib prefix="j" uri="/struts-jquery-tags"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Item</title>
<j:head jqueryui="true" loadAtOnce="true" loadFromGoogle="false"
compressed="false" />
</head>
<body>
<s:url id="post" action="item" />
<s:form id="item" action="/item/%{id}" method="post">
<s:hidden name="_method" value="PUT" />
<table border="0" cellpadding="3" cellspacing="1" align="center">
<tr>
<td width="100"><s:a action="item">Search</s:a></td>
</tr>
<tr>
<td colspan="2"><s:actionerror /> <s:actionmessage /></td>
</tr>
<tr bgcolor="#d0dcff">
<td colspan="3"><strong>Item</strong></td>
</tr>
<tr bgcolor="#ffffff">
<s:textfield name="code" label="Code" size="30" labelSeparator="" />
</tr>
<tr bgcolor="#ffffff">
<s:textfield name="name" label="Name" size="30" labelSeparator="" />
</tr>
<tr bgcolor="#ffffff">
<s:textfield name="description" label="Description" size="30"
labelSeparator="" />
</tr>
<tr bgcolor="#ffffff">
<s:textfield name="price" label="Price" size="30" labelSeparator="" />
</tr>
<tr bgcolor="#ffffff">
<td>Category</td>
<td><select name="cate.id">
<option value="$!item.cate.id"></option>
</select></td>
</tr>
<tr bgcolor="#ffffff">
<td colspan="2" align="right"><input type="submit"
value="Submit" width="70" /> <input type="reset" value="reset"
width="70" /></td>
</tr>
</table>
</s:form>
</body>
</html> |
item-parent-success.jsp
<%@taglib prefix="s" uri="/struts-tags"%>
<s:url id="ids" action="item/%{id}" />
<script>
function onload() {
//alert('${ids}');
window.opener.location.href='${ids}';
window.close();
}
onload();
</script> |
Dan yang terakhir adalah item.result
<%@taglib prefix="s" uri="/struts-tags"%>
<%@taglib prefix="j" uri="/struts-jquery-tags"%>
<html>
<head>
<title>View Item Data</title>
</head>
<body>
<table bgcolor="#000000" border="0" cellpadding="3" cellspacing="1"
width="98%">
<tr bgcolor="#d0dcff">
<td width="12%"><strong>Item</strong></td>
<td align="left" colspan="4"><s:url id="result" action="category" />
<a href="${result}">Categories</a></td>
<td colspan="3">
<form action="" method="get"><input type="text" name="skey"
size="30" value="<%=request.getParameter("skey")%>" /> <input
type="submit" value="Search" width="100" /></form>
</td>
</tr>
<tr bgcolor="#e4e4e4" align="center">
<td>Code</td>
<td width="16%">Name</td>
<td width="23%">Description</td>
<td width="15%">Price</td>
<td width="15%">Category</td>
<td colspan="3">Action</td>
</tr>
<s:iterator var="p" value="model">
<tr bgcolor="#ffffff">
<td>${p.code}</td>
<td>${p.name}</td>
<td>${p.description}</td>
<td>${p.price}</td>
<td>${item.cate.kate}
</td>
<td width="9%"><s:url id="detail" action="item/%{id}" /> <a
href="${detail}">Detail</a></td>
<td width="5%"><s:url id="edit" action="item/%{id}/edit" /> <a
href="${edit}">Edit</a></td>
<td width="20%"><s:url id="delete" action="item/%{id}/delete" />
<a href="${delete}"
onClick="javascript: return confirm('Delete ${p.name}?');">Delete</a>
</td>
</tr>
</s:iterator>
<tr bgcolor="#e4e4e4">
<td><s:url id="result" action="item" /> <a href="${result}">
All </a></td>
<td colspan="7" align="right"><strong> <s:url id="new"
action="item/new" /> <a href="${new}">Add new ></a> </strong></td>
</tr>
</table>
</body>
</html> |