EL表达式的param用法与二级分类展开收缩效果

Dao层接口

import java.util.List;


import com.zxg.vo.ItemType;
//${param.name }适用于get和post请求
public interface IItemTypeDao {


	/** 获取所有对象*/
	List<ItemType> findAll();
}

二级分类展开收缩效果

<div id="itemType">
	<p>商品分类</p>
	<dl>
		<c:forEach var="big" items="${itemTypes}">
			<!-- 取得当前大类赋给big -->
			<c:if test="${big.pid eq 0}">
				<dt οnclick="display('span_${big.id }')">${big.name }</dt>
			</c:if>
			<!-- 取得所有类的pid=当前大类的id,即小类,然后把所有子类装在span中
				用${big.id }加以区别,id是唯一的,此处可以用div,span,p标签控制隐藏显示,
				即展开收缩,但p标签有多余的空格,不是很好
			 -->
			<span id="span_${big.id }">
			<c:forEach var="small" items="${itemTypes}">
				<c:if test="${small.pid eq big.id}">
					<!-- 这里不用传页数,默认为第一页 -->
					<dd><a href="IndexServlet?smallType=${small.id }">${small.name }</a></dd>
				</c:if>
			</c:forEach>
			</span>
		 </c:forEach>
	</dl>
	</div>

展开收缩效果脚本

function display(id){
		//当不显示时就显示,动态的只能用document对象获取id
		if($(id).style.display == "none"){
			$(id).style.display = "";
		}else{
			$(id).style.display = "none"
		}
	}

二级分类用数据字典设计,如




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值