工程例子在 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>
时间： 2024-11-06 10:31:26