需求描述:对列表中的某一列内容添加a标签(其实就是对td标签下添加a标签了)。

思路简介:拿到这个我首先的反应就是在td标签对text获取内容的代码中动态拼接<a></a>字符串,可是我拼接的不好用,模板不识别,换种思路吧,那就是在<td></td>中直接添加<a></a>标签,那么问题来了,<a></a>之间怎么获取到内容呢?  el表达式?${XXX},结果发现页面那一列全是${XXX},没有读取到值。我百度了一会儿,发现乱七八糟的,和我想要的结果差太多,这个其实不能怪百度,只能怪自己,检索条件都输入的不太明白ε=(´ο`*)))唉!!!  问了一个大佬网友,给我说 试试<a>标签的text属性,卧槽 ,看到这个消息,我顿时豁然开朗,还没敲代码就觉得这个一定行的,果不其然,爽歪歪!O(∩_∩)O哈哈~

原来自己想的的代码:

<td th:text="'<a>'+' ${list.dictName} '+'</a>' "></td>

现在的代码:

<td>
<a href="#" th:onclick="|dictDetail('${list.dictName}')|" th:text="${list.dictName}"></a> //<a>标签也有text属性 这个是真的不熟 我一般用的都是 <td>的text 下次记住
</td>

效果:

总结一下:这个其实就是一个标签属性的应用了,只是因为自己不够熟悉,也是自己不敢尝试,其实自己真的可以试试<a>标签的value text 等别的标签有的相似的属性,看看是什么效果,大胆尝试!加油。

<a>之间怎么放值</a> 挺简单的,第一次遇到···的更多相关文章

  1. Jquery计算时间戳之间的差值,可返回年,月,日,小时等

    /** * 计算时间戳之间的差值 * @param startTime 开始时间戳 * @param endTime 结束时间戳 * @param type 返回指定类型差值(year, month, ...

  2. uwp开发:数据绑定——值转换器 的简单使用

    原文:uwp开发:数据绑定--值转换器 的简单使用 今天,我在做最近正在开发的“简影”uwp应用时遇到一个问题,其中有个栏目,叫做“画报”,是分组显示一组一组的 图片,每组图片在界面上只显示9个,点击 ...

  3. 安卓activity之间值共享解决办法,tabhost之间共享父类值,字符串类型的转换,获取每一个listview的item

    1.tabhost父类值共享的解决办法 dianzhanliebiao.java是传值页面,zhuyemian.java放的是tabhost,dianzhangaikuang.java是tabhost ...

  4. c#录音和放音,超简单!不用DirectX

    最近在做android与C#录音并互相通信的小东西.但是卡在C#录音这儿了.找了好久,说的都是DirectX,可是我总是安装不上,这才找到了这个简单的录音方法.当然,如果你想要录得好并且处理音频,那还 ...

  5. JavaBean和json数据之间的转换(一)简单的JavaBean转换

    1.为什么要使用json? JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,因为其高性能.可读性强的原因,成为了现阶段web开发中前后端交互数据的主要数据 ...

  6. ASP.NET MVC controller 之间传JS值

    在ASP.NET MVC中有东西叫TempData,它的类型是TempDataDictionary,它与ViewData以及ViewBag的不同之处在于 它的内部是使用session来保存信息的,可以 ...

  7. android activity之间传递返回值

    activity A,跳转至 Activity B ,A传参数user_name给B,然后B再返回修改后的参数user_name给A 首先A传user_name给B Intent input_B = ...

  8. php里少用到的session_module_name,以及session的key值限制,简单将session存储为json格式数据的方法

    这个函数的作用就是动态的设置php.ini里的session_save_handler,配合session_set_savepath可以在程序里自由配置session的后台方式. session_ca ...

  9. 同过增强Connection类[重写了close的方法]实现的从连接池取出连接并放回连接的简单的实现流程

    package tk.dong.connection.util; import java.io.IOException;import java.io.InputStream;import java.i ...

随机推荐

  1. ng directive compile pre-link post-link

    原文链接: http://www.jb51.net/article/58229.htm 1.ng在link之前编译所有的指令,然后link又分为 pre-link 与 post-link阶段compi ...

  2. C实现 C++ map

    文章链接:http://blog.chinaunix.net/uid-21457204-id-3063180.html

  3. Python 21 Django 实用小案例1

    实用案例 验证码与验证   KindEditor      组合搜索的实现 单例模式      beautifulsoup4 验证码与验证 需要安装Pillow模块 pip stall pillow ...

  4. 第六天-request response\04-response实现文件下载.avi--本人测试失败

    package cn.itcast.response; import java.io.FileInputStream;import java.io.IOException;import java.io ...

  5. Redis随笔

    dump.rdb:快照文件 删除这个文件 rm -f dump.rdb 第一步:创建6个redis实例,端口号从7001~7006 第二步:修改redis的配置文件 1.修改端口号 修改redis.c ...

  6. 关于Jonathan S. Weissman与RIT(罗切斯特理工学院,位于纽约)

    信息来源于:edx平台的 RITx: CYBER501xCybersecurity Fundamentals  课程的介绍(https://courses.edx.org/courses/course ...

  7. mac环境下支持PHP调试工具xdebug,phpstorm监听

    先让php支持xdebug 方式一: https://xdebug.org/download.php 下载相应的xdebug  可以到http://xdebug.org/wizard.php 把php ...

  8. python 实现神经网络算法

    注: Scratch是一款由麻省理工学院(MIT) 设计开发的一款面向少年的简易编程工具.这里写链接内容         本文翻译自“IMPLEMENTING A NEURAL NETWORK FRO ...

  9. 【转】python模块分析之typing(三)

    [转]python模块分析之typing(三) 前言:很多人在写完代码一段时间后回过头看代码,很可能忘记了自己写的函数需要传什么参数,返回什么类型的结果,就不得不去阅读代码的具体内容,降低了阅读的速度 ...

  10. LwIP Application Developers Manual12---Configuring lwIP

    1.前言 2.LwIP makefiles With minimal features C_SOURCES = \ src/api/err.c \ src/core/init.c \ src/core ...