簡(jiǎn)單擴(kuò)展讓beetl html標(biāo)簽支持父子嵌套
來(lái)源:易賢網(wǎng) 閱讀:1114 次 日期:2016-06-27 11:07:15
溫馨提示:易賢網(wǎng)小編為您整理了“簡(jiǎn)單擴(kuò)展讓beetl html標(biāo)簽支持父子嵌套”,方便廣大網(wǎng)友查閱!

默認(rèn)情況下,beetl的html標(biāo)簽并不支持父子嵌套,就像類(lèi)似jsp標(biāo)簽?zāi)菢?,父?biāo)簽需要知道子標(biāo)簽的信息,子標(biāo)簽也需要知道父標(biāo)簽信息。但是beetl只需要簡(jiǎn)單擴(kuò)展,就能完成嵌套標(biāo)簽支持。

首先看一個(gè)最終的使用效果,實(shí)現(xiàn)倆個(gè)html標(biāo)簽table.tag,tr.tag.可以在頁(yè)面上這么用:

<#table data =${userlist}>

<#tr class=3c name=name> 名稱 </#tr>

</#table>

在閱讀table.tag,tr.tag之前,先看看如何擴(kuò)展html標(biāo)簽

首先,需要擴(kuò)展 htmltagsupportwrapper,這個(gè)類(lèi)是html標(biāo)簽實(shí)現(xiàn)類(lèi),我們可以擴(kuò)展此類(lèi)來(lái)定制化需求,然后重新注冊(cè)覆蓋。因此實(shí)現(xiàn)類(lèi)

public class htmlnesttagsupportwrapper extends htmltagsupportwrapper{

public void render(){....}

}

然后在配置文件配置tag.htmltag= bingo.util.htmlnesttagsupportwrapper 就可以生效。

htmlnesttagsupportwrapper用到了tagnestcontext類(lèi),這個(gè)類(lèi)其實(shí)就是一個(gè)樹(shù)形結(jié)構(gòu),記錄了parent的context,記錄了當(dāng)前tag信息,以及記錄了子tag的context,這樣,每個(gè)tag都可以訪問(wèn)父tag或者子tag:代碼如下

public class tagnestcontext {

private tag tag = null;

private tagnestcontext parent = null;

private list<tagnestcontext> children = null;

public tag gettag() {

return tag;

}

public void settag(tag para) {

this.tag = para;

}

public tagnestcontext getparent() {

return parent;

}

public void setparent(tagnestcontext parent) {

this.parent = parent;

}

public list<tagnestcontext> getchildren() {

if(children==null) children = new arraylist<tagnestcontext>();

return children;

}

public void setchildren(list<tagnestcontext> children) {

this.children = children;

}

}

回頭在看看 htmlnesttagsupportwrapper實(shí)現(xiàn)

public void render()

{

httpservletrequest request = (httpservletrequest)this.ctx.getglobal(request);

tagnestcontext tnc = (tagnestcontext)request.getattribute(tagcontext);

if(tnc==null){

tnc = new tagnestcontext();

tnc.settag(this);

request.setattribute(tagcontext, tnc);

super.render();

request.removeattribute(tagcontext);

}else{

tagnestcontext child = new tagnestcontext();

child.setparent(tnc);

child.settag(this);

tnc.getchildren().add(child);

request.setattribute(tagcontext, child);

super.render();

//重新設(shè)置

request.setattribute(tagcontext, child.getparent());

}

}

public string gettagname(){

return (string)this.args[0];

}

public object get(string attr){

map map = (map)this.args[1];

return map.get(attr);

}

如上代碼所示,但渲染某個(gè)htmltag前(調(diào)用super.render()前),可以從request里獲取nestcontext,如果沒(méi)有,生成一個(gè)新的nestcontext。如果已經(jīng)存在。則將當(dāng)前nestcontext加入到父nestcontext。渲染完畢后,需要重置nestcontext。

最后看一下tr.tag如何實(shí)現(xiàn),tr僅僅實(shí)現(xiàn)了生成表頭

<tr class=${class}>${tagbody}</tr>

table.tag 則要麻煩點(diǎn),需要知道有多少個(gè)tr,然后輸出數(shù)據(jù),內(nèi)容如下:

<table>

${tagbody}

<% for(var item in data){%>

<tr>

<%

var tag = gettagcontext();

var children = tag.children;

for(var tdtagctx in children){

print(<td>);

var tdtag = tdtagctx.tag;

var name = tdtag.tagname;

var value = item[name];

print(value);

println(</td>);

}

%>

</tr>

<%} %>

</table>

ettagcontext 是一個(gè)注冊(cè)方法,獲取當(dāng)前context.可以自行開(kāi)發(fā)一個(gè)

更多信息請(qǐng)查看網(wǎng)頁(yè)制作
易賢網(wǎng)手機(jī)網(wǎng)站地址:簡(jiǎn)單擴(kuò)展讓beetl html標(biāo)簽支持父子嵌套
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門(mén)公布的正式信息和咨詢?yōu)闇?zhǔn)!
相關(guān)閱讀網(wǎng)頁(yè)制作

2025國(guó)考·省考課程試聽(tīng)報(bào)名

  • 報(bào)班類(lèi)型
  • 姓名
  • 手機(jī)號(hào)
  • 驗(yàn)證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢 | 簡(jiǎn)要咨詢須知 | 新媒體/短視頻平臺(tái) | 手機(jī)站點(diǎn) | 投訴建議
工業(yè)和信息化部備案號(hào):滇ICP備2023014141號(hào)-1 云南省教育廳備案號(hào):云教ICP備0901021 滇公網(wǎng)安備53010202001879號(hào) 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號(hào)
云南網(wǎng)警備案專(zhuān)用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號(hào):hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報(bào)警專(zhuān)用圖標(biāo)