beetl 获取html属性值,简单扩展让beetlHTML标签支持父子嵌套_html/css_WEB-ITnose

5268f80b9b1e01f982625ef6fac83ca1.png

默认情况下,Beetl的html标签并不支持父子嵌套,就像类似jsp标签那样,父标签需要知道子标签的信息,子标签也需要知道父标签信息。但是beetl只需要简单扩展,就能完成嵌套标签支持。

首先看一个最终的使用效果,实现俩个html标签table.tag,tr.tag.可以在页面上这么用:

名称 #tr>#table>

在阅读table.tag,tr.tag之前,先看看如何扩展html标签

首先,需要扩展 HTMLTagSupportWrapper,这个类是html标签实现类,我们可以扩展此类来定制化需求,然后重新注册覆盖。因此实现类

public class HTMLNestTagSupportWrapper extends HTMLTagSupportWrapper{public void render(){....}}

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

HTMLNestTagSupportWrapper用到了TagNestContext类,这个类其实就是一个树形结构,记录了parent的Context,记录了当前tag信息,以及记录了子tag的Context,这样,每个tag都可以访问父tag或者子tag:代码如下

public class TagNestContext {private Tag tag = null;private TagNestContext parent = null;private Listchildren = 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 ListgetChildren() { if(children==null) children = new ArrayList(); return children;}public void setChildren(Listchildren) { this.children = children;}}

回头在看看 HTMLNestTagSupportWrapper实现

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(); //重新设置 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);}

如上代码所示,但渲染某个htmltag前(调用super.render()前),可以从request里获取NestContext,如果没有,生成一个新的NestContext。如果已经存在。则将当前NestContext加入到父NestContext。渲染完毕后,需要重置NestContext。

最后看一下tr.tag如何实现,tr仅仅实现了生成表头

${tagBody}

table.tag 则要麻烦点,需要知道有多少个tr,然后输出数据,内容如下:

${tagBody}

"); var tdTag = tdTagCtx.tag; var name = tdTag.tagName; var value = item[name]; print(value); println("");}%>

etTagContext 是一个注册方法,获取当前context.可以自行开发一个

1428d0e076c3959ab11d28a39bc84fab.png

5268f80b9b1e01f982625ef6fac83ca1.png

本条技术文章来源于互联网,如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源:php中文网

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值