Appfuse：添加自定义页面组件

我之前是做ASP.NET的，碰到被多个页面都使用的类似组件后，就想着采用ascx（用户自定义组件）来解决，那做Java我也想用这种方案。

我要做的效果如下：

实现方案：tag方式（自定义标签）

1. 首先定义自己的tag

 <%@ tag body-content="scriptless" pageEncoding="UTF-8"%>

 <%@ attribute name="table" required="true"%>

 <%@ attribute name="idfield" required="true"%>

 <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

 <c:set var="base" value="${pageContext.request.contextPath}" />

 <c:set var="typeList" />

 <script src="<c:url value="/scripts/jquery/jquery.1.10.2.min.js" />"></script>

 <form method="post">

     <div id="divRecomment">

         <fmt:message key="recomment.title" />

         &nbsp;&nbsp;

         <select id="recommendAction" name="recommendAction">

             <c:forEach items="${recommenttype}" var="t">

                 <option value="${t.key}">${t.value}</option>

             </c:forEach>

         <select>

         &nbsp;&nbsp; <input type="button" onclick="handleRecomment();"

             value='<fmt:message key="recomment.submit"/>' class="btn btn-primary" />

     </div>

 </form>

recommend.tag

2. 使用自定义的标签

<%@ taglib prefix="t" tagdir="/WEB-INF/tags" %>

<t:recommend table="" idfield=""></t:recommend>

3. recommenttype 的数据源：使用页面对应的Controller中的handleRequest

 HashMap<String,String> recommentType = new HashMap<String,String>();

         recommentType.put("1", "首页");

         recommentType.put("2", "其他");

         request.setAttribute(Constants.RECOMMENT_TYPE, recommentType);

handleRequest

附用到的样式

 #divRecomment{

     margin-left:12px;

 }

 #divRecomment select{

     width:200px;

     height:38px;

     border:1px solid #cccccc;

 }

main.css

巴特西

Appfuse：添加自定义页面组件

最新文章

热门文章