文档章节

扩展beetl 让 HTML标签支持父子嵌套

闲大赋
 闲大赋
发布于 2015/02/09 22:02
字数 477
阅读 868
收藏 3
默认情况下,Beetl的html标签并不支持父子嵌套,就像类似jsp标签那样,父标签需要知道子标签的信息,子标签也需要知道父标签信息。但是beetl只需要简单扩展,就能完成嵌套标签支持。 

首先看一个最终的使用效果,实现俩个html标签table.tag,tr.tag.可以在页面上这么用:

<#table id="tableId" style="kk" data="${userList}" var="row,index">
<#tr style="trcss1" name=""  > ${index} </#tr>
<#tr style="trcss1" name="名称" import="true" > ${row.name} </#tr>
<#tr style="trcss2" name="年纪"> ${row.age} </#tr>
<#tr style="trcss3" name="操作"> <#label icon="update">更新</#label><#label icon="update">delete</#label></#tr>
</#table>

table标签可以接收一个data,就是一个等待遍历的集合,var属性申明了俩个变量,分别是代表行数据的row,和代表顺序的index,这样标签tr可以使用.这俩个变量在table.tag里赋值,able.tag标签实现如下:


<table>
<tr>
<%
//tag表示当前标签,chidren属性获得下级标签
var trs = tag.children;
for(tr in trs){
//输出表头
%>
<td>${tr.name}</td>
<%} %>
<tr>
<%

for(row in tag.data) {
//先绑定变量,这样tr能使用
@tag.binds(row,rowLP.index);
%>
<tr>
<%

for(tr in trs){
//tr.body将执行tr里的内容。另外一个是tr.execute,将调用tr.tag,目前我们不需要调用tr.tag
%>
<td class="${tr.style}">${tr.body}</td>
<%} %>
<tr>
<%} %>
</table>


要实现如上嵌套功能,beetl需要注册新的标签实现来代替原有的htmltag,和 htmltagvar实现,配置文件如下:


TAG.htmltag= bingo.util.beetl.HTMLTag
TAG.htmltagvar= bingo.util.beetl.HTMLVarBindingTag



 这俩个类如何实现,就不再这里展开了,具体可以参考代码

http://git.oschina.net/xiandafu/bingo



© 著作权归作者所有

共有 人打赏支持
闲大赋

闲大赋

粉丝 1176
博文 95
码字总数 88056
作品 10
西城
架构师
私信 提问
07.HTML标签以及自定义定界符配置---《Beetl视频课程》

本期视频实现了评论列表分页; 内容简介:使用了HTML完成分页抽取,并且介绍了自定义定界符 一起学beetl目录:https://my.oschina.net/u/1590490?tab=newest&catalogId=6214598 作者:GK --...

Gavin-King
2018/12/12
0
0
Beetl 2.9.0 发布,修改 HTML 标签的渲染机制

本次发布主要修改了HTML 标签的渲染机制,HTMLTagSupportWrapper2 采用延迟渲染 # 368 tagBody 改为按照需要渲染 #367 俩处错误提示不明显的地方 在2.9.0版本,HTML 标签内部渲染是使用tagBo...

闲大赋
2018/09/09
405
2
扩展Beetl标签,支持父子嵌套和脚本绑定

工程例子在 https://git.oschina.net/xiandafu/beetl-json 安装 TAG.htmltag= com.beetl.tagext.HTMLTagTAG.htmltagvar= com.beetl.tagext.HTMLVarBindingTag 例子 <!DOCTYPE html><html><he......

闲大赋
2015/05/12
91
0
Beetl 2.4.0 发布,Java 模板引擎

Beetl 2.4.0 发布,本次 包含了一个特性升级,允许html 标签和 html 实现的Function 采用不同的定界符,如模板中使用简洁的 @和回车,html标签使用 对渲染逻辑较为友好的<% %> 定界符 #238 允...

闲大赋
2016/05/09
1K
14
Beetl 2.2.0 发布,Java 模板引擎

因为引入了新语法ajax标记,所以版本跳到2.2.0. 新增功能: #126:html标签指示符号允许多个字母,如默认的#,<#table>认为是html标签,如果改为"ct:",则被认为是html标签. #124: html 标签 绑定...

闲大赋
2015/03/05
1K
15

没有更多内容

加载失败,请刷新页面

加载更多

python实现下载网络图片

项目需求: 有时候我们做爬虫的时候,需要把爬取到的图片资源保存到我们本地,以防爬取的图片链接被原来资源主人变更,所以就需要把好不容易拿到的资源永久变为自己的,就需要把图片链接下载到我们...

银装素裹
33分钟前
1
0
米利型和摩尔型状态机

1. 经典状态机 x(t)为当前输入 z(t)为当前输出 组合逻辑电路输出s(t+1)为次态 状态寄存器(也就是一组触发器)输出s(t)为现态 2. 米利状态机(Mealy) 组合逻辑C1模块有两个输入端:当前输入x(t...

易冥天
35分钟前
4
0
Kafka是如何解决常见的微服务通信问题的

微服务自成立以来就以不同的方式相互沟通。有些人更喜欢使用HTTP REST API,但这些API有自己的排队问题,而有些则更喜欢较旧的消息队列,比如RabbitMQ,它们带有扩展和操作方面的问题。 以K...

java菜分享
39分钟前
1
0
关于php的xdebug配置(编辑器vscode)

虽然说echo和print_r是公认的最实用的调试工具,但是效率真的没有可视化的直接断点那么高。这里简单介绍如果安装及配置xdebug for vscode 一、PHP环境处的配置 1、编译安装 下载及编译php,因...

元谷
53分钟前
8
0
heartbeat

http://www.linux-ha.org/doc/users-guide/_building_and_installing_heartbeat_from_source.html kaer@linux-sqlf:~/Reusable-Cluster-Components-glue--0a7add1d9996> ./configure --enabl......

李有常
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部