需求描述:对列表中的某一列内容添加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 等别的标签有的相似的属性,看看是什么效果,大胆尝试!加油。