擴展Beetl標籤,支持父子嵌套和腳本綁定

時間 2019-12-05

標籤擴展 beetl 標籤支持父子嵌套腳本綁定简体版

原文原文鏈接

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

安裝

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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。