freemarker 前端 判读 遍历 取值
<#if content?length gt 100>
${content[0..100]}...
<#else>
${content}
</#if>
freemarker里面不能包含>< 所以要用到大于和小于,就要用gt,lt gt是大于,lt是小于, >= gte , <= lte
private Map<Integer,String> storePhotoUrl;
storePhotoUrl 为map结构,在html页面中,通过list进行遍历,通过??判断是否有值,通过?size得到集合的长度
通过 <#list 0..6 as t >
{t}
</#list >
会输出0123456
<#if storePhotoUrl??>
<div style="float: left;height:200px;position:relative;text-align:center;margin-left:120px;">
<#list storePhotoUrl?keys as st>
<div style="float: left;height:200px;position:relative;text-align:center;margin-right:5px;">
<img src="${storePhotoUrl.get(st)}" width="100" height="100" id="img${st}">
<br/>
<input type="hidden" name="picnames" id="fs_img${st}" value="${storePhotoUrl.get(st)}" />
<input type="hidden" name="status" value="2" id="fs_status${st}" />
<input type="file" id="goods${st}" fs="${st}" status="修改" />
<input type="button" name="clean" value="清除" fs="${st}" class="del_addgoods"/>
</div>
</#list>
<#if storePhotoUrl?size lt 7>
<#list (storePhotoUrl?size+1)..7 as t>
<div style="float: left;height:200px;position:relative;text-align:center;margin-right:5px;">
<img src="" name="img${t}" id="img${t}" width="100" height="100">
<br/>
<input type="hidden" name="goods_fs" id="fs_img${t}" fs="${t}"/>
<input type="hidden" name="status" value="2" id="fs_status${t}" />
<input type="file" id="goods-${t}" fs="${t}" status="上传" />
<input type="button" name="clean" value="清除" fs="${t}" class="del_addgoods"/>
</div>
</#list>
</#if>
<#else>
<div style="float:left;margin-left:100px" class="goods_image" id="goods_image">
<input type="file" value="批量上传" id="allFile" status="批量上传"/><br>
<span><font color="red">批量上传只适用于第一次上传且总和能上传七个。</font></span><br/>
<#list 0..6 as t>
<div style="float: left;height:200px;position:relative;width:100px;text-align:center;margin-right:5px;">
<img src="空" name="img${t}" id="img${t}" width="100" height="100"/>
<br/>
<input type="hidden" name="goods_fs" id="fs_img${t}" fs="${t}"/>
<input type="hidden" name="status" value="2" id="fs_status${t}"/>
<input type="file" id="goods${t}" fs="${t}" status="上传"/>
<input type="button" name="clean" value="清除" fs="${t}" class="del_addgoods"/>
</div>
</#list>
</#if>
$("input[name='clean']").click(function(){
var fs=$(this).attr("fs");
console.log("-------fs--------"+fs);
$("#img"+fs).attr("src","");
//$("#fs_status"+fs).val("0");
$("#fs_img"+fs).attr("name","del_pic");
$("#fs_img"+fs).val("");
});
这段js的代码意思是
先通过jQuery选择器,绑定name=clean的input ,增加一个点击事件,当点击在这个input按钮上时,获取当前点击的属性为fs的值,这个值就是遍历出来的0123456中的一个,通过这个值,再进行字符串的拼接,就可以获取当前input按钮id
freemarker 前端 判读 遍历 取值的更多相关文章
- Oracle存储过程-自定义数据类型,集合,遍历取值
摘要 Oracle存储过程,自定义数据类型,集合,遍历取值 目录[-] 0.前言 1.Packages 2.Packages bodies 3.输出结果 0.前言 在Oracle的存储过程中,可能会遇 ...
- js动态添加-表格逐行添加、删除、遍历取值
关于js对表格进行逐行添加,今天抽空整理了一下:新建一个html文件(没有编辑器的可以新建一个demo.txt文件,然后改后缀名为demo.html),把下面代码全部贴进去即可.功能包括:表格添加一行 ...
- jQuery循环遍历取值
1:循环遍历取值 var arr = new Array(); $(".plus-tag a span").each(function(i) { arr[i] = $(this). ...
- Map 遍历取值及jstl的取值
Map 遍历取值及jstl的取值 学习了:http://blog.csdn.net/yanjiaye520/article/details/17354239 1.Java map的便利取值 Java代 ...
- XML文件标签名一致,而属性值不同,如何遍历取值写法 摘录
<EssentialFunctions> <Qualification description="We Offer" source="AdDe ...
- jquery 遍历取值问题
方法一:将a定义在外边 var a = new Array; var i = 0 ; $("img").each(function(){ a[i] = $(this).attr(& ...
- 20171012--jq 遍历取值
1.父节点:parent(); 2.子节点:children(); 3.兄弟节点:siblings(); 4.用find:$("div").find("span" ...
- Jquery操作复选框(CheckBox)的取值赋值实现代码
赋值 复选框 CheckBox 遍历 取值 1. 获取单个checkbox选中项(三种写法): $("input:checkbox:checked").val() 或者 $(&q ...
- vue页面开发遇到的坑,都是泪!src属性,freemarker取值
总结下今天做的看图识别药材名的功能所遇到的问题以及解决措施. 效果图如下 对应的连接 http://www.xinghengedu.com/getTenActivityQuestions.jspx 可 ...
随机推荐
- CSS3解决移动端手指点击或滑动屏幕时出现的浅蓝色背景框
当时做完移动端页面发现点击图片(背景图按钮),出现了浅蓝色背景,实属影响页面美观,解决这一问题代码如下 html,body{ -webkit-tap-highlight-color: rgba(0,0 ...
- php数据加密及数据存储和传输
一.前言 个人认为,PHP是世界上为数不多,最人性化的语言. 虽然是二次开发.弱类型语言,由C/C++编写的PHP引擎去解析.但是,其代码优雅性和其运行速度不亚于,其他编译语言. 二.PHP数据加密 ...
- Python入门必学:数据类型和变量的用法
什么是数据类型?计算机顾名思义就是可以做数学计算的机器,因此,计算机程序理所当然地可以处理各种数值.但是,计算机能处理的远不止数值,还可以处理文本.图形.音频.视频.网页等各种各样的数据,不同的数据, ...
- caioj:1682: 【贪心】买一送一
题目描述 [题意] CH最近在网上发现干草买一送一的一笔交易,他每买一捆尺寸为A的干草,就可以免费获赠一捆尺寸为 B (1 ≤ B < A)的干草,注意B < A. 然而,这个 ...
- python基础之继承派生、组合、接口和抽象类
类的继承与派生 经典类和新式类 在python3中,所有类默认继承object,但凡是继承了object类的子类,以及该子类的子类,都称为新式类(在python3中所有的类都是新式类) 没有继承obj ...
- zeppelin的数据集的优化
前面我们介绍了zeppelin的修改,前面由于自己的原因,对zeppelin的修改过于多,现在由于优化了,我们两个类, 一个是zeppelin-server的NotebookServer的类的broa ...
- Struts2---配置文件讲解及简单登录示例
bean 用于创建一个JavaBean实例 constant 用于Struts2默认行为标签 <!-- 配置web默认编码集,相当于HttpServletRequest.setChartacte ...
- 【转】正则表达式速查表(http://www.jb51.net/shouce/jquery1.82/regexp.html)
正则表达式速查表 字符 描述 \ 将下一个字符标记为一个特殊字符.或一个原义字符.或一个向后引用.或一个八进制转义符.例如,“n”匹配字符“n”.“\n”匹配一个换行符.串行“\\”匹配“\”而“\( ...
- poj3348 Cows 凸包 叉积求多边形面积
graham扫描法,参考yyb #include <algorithm> #include <iostream> #include <cstdio> #includ ...
- CodeIgniter学习笔记一:基本结构、控制器、视图、超级对象、数据库
一.基本结构 CodeIgniter3.0.0解压后有8个文件,分别是: application:项目文件 system:系统(框架)文件,为方便升级,不建议修改 user_guid:用户手册,不需要 ...