扩展Beetl标签,支持父子嵌套和脚本绑定

工程例子在  https://git.oschina.net/xiandafu/beetl-json


安装

TAG.htmltag= com.beetl.tagext.HTMLTag
TAG.htmltagvar= com.beetl.tagext.HTMLVarBindingTag

例子

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>复杂的标签实现演示</title>
</head>
<body>

<p> 简单例子 <p>
<#simple>hello</#simple>

<p> 绑定例子 <p>
<#data var="name,index">
name=${name},index=${index}.
</#data>


<p>标签嵌套例子</p>
<%
var data = [{id:1,name:'你好'},{id:2,name:'他好'}];
%>
<#table data="${data}" var="row">
<#tr name="编号">${row.id}</#tr>
<#tr name="名称">${row.name}</#tr>
</#table>
</body>
</html>


让我们看看如何实现的

simple 标签

<h2>${tag.body}</h2>


与内置不同,获得标签体是调用tag.body, 也就是tag.getBody()方法

data 标签

data标签需要绑定变量,因此会在data.tag 脚本里调用本地方法@tag.binds 来绑定,然后tag.body执行,此处例子执行2次
<%
var name="ok";
var index = 1;
//绑定
@tag.binds(name,index);
for(var i=0;i<2;i++){
//执行标签体
%>
${tag.body} 
<%}%>


table 标签

可以调用tag.children获得标签体,然后分别执行标签体内容
<%
var trs = tag.children;
%>
<table>
<!--  显示表头 -->
<tr>
<% 
for(tr in trs){%>
<td><h2>${tr.name}</h2></td>
<%} %>
</tr>
<!--  显示数据 -->
<% for(row in tag.data) { 
//先绑定变量,这样tr能使用
@tag.binds(row);
%>
<tr>
<% for(tr in trs){ %>
    <td >${tr.body}</td>
<% } %>
<tr>
<%   } %>
</table>

你可能感兴趣的:(扩展Beetl标签,支持父子嵌套和脚本绑定)