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

原创
2015/02/09 22:02
阅读数 2.6K
默认情况下,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



展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
0 评论
3 收藏
0
分享
返回顶部
顶部