jstl标签实现文字过长隐藏显示问题
2015-09-01 15:49
579 查看
本文仅用于自己记忆一些比较好用的知识点使用
当文字过长引起显示问题的时候我们可以将过长的文字隐藏起来一部分,鼠标移动过去显示出来
需要用到的jstl标签有
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
C标签主要用于判断字符串长度是否过长
Fn标签用于截取过长的字符串
c:choose标签,相当于java中的case标签一样
<c:choose>
当满足长度太长的时候执行
<c:when test="${fn:length(listView.title) >= 10}">
用fn标签中的substring方法取值 其中listView.title可以是后台传递过来的以为本身就在el表达式中,不需要在嵌套一个el表达式,直接写变量名.属性即可后面两个参数则为开始位置和结束位置
<span class="spa2" title="${listView.title}">${fn:substring(listView.title,0,10)}……</span>
</c:when>
<c:otherwise>
当不满足长度太长时则可以直接显示
title 属性用于鼠标停留在标签上面显示全部内容使用
<span class="spa2" title="${listView.title}">${listView.title}</span>
</c:otherwise>
</c:choose>
当文字过长引起显示问题的时候我们可以将过长的文字隐藏起来一部分,鼠标移动过去显示出来
需要用到的jstl标签有
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
C标签主要用于判断字符串长度是否过长
Fn标签用于截取过长的字符串
c:choose标签,相当于java中的case标签一样
<c:choose>
当满足长度太长的时候执行
<c:when test="${fn:length(listView.title) >= 10}">
用fn标签中的substring方法取值 其中listView.title可以是后台传递过来的以为本身就在el表达式中,不需要在嵌套一个el表达式,直接写变量名.属性即可后面两个参数则为开始位置和结束位置
<span class="spa2" title="${listView.title}">${fn:substring(listView.title,0,10)}……</span>
</c:when>
<c:otherwise>
当不满足长度太长时则可以直接显示
title 属性用于鼠标停留在标签上面显示全部内容使用
<span class="spa2" title="${listView.title}">${listView.title}</span>
</c:otherwise>
</c:choose>
相关文章推荐
- jsonp 跨域请求
- js获取验证码倒计时的实现方法
- JavaScript点击标题折叠文章内容
- JSTL
- Javascript2
- javascript
- JSP - Architecture
- js 实现map集合
- javascript实现document.getElementByClass的方法
- js获取select选中的标签option的值
- js实现简洁大方的二级下拉菜单效果代码
- Javascript正则表达式匹配替换
- Next page So how does a JSP actually work?
- javascript事件小结(事件处理程序方式)--javascript高级程序设计笔记
- js运算符
- JavaScript动态修改图片的代码
- JavaScript跨域访问CORS问题
- How to access body of Custom tags in JSP tutorial
- How to redirect to login page after cookie expires in Angular JS?
- JSP - Hits Counter