首页 > 代码库 > wicket的模板继承(一)
wicket的模板继承(一)
wicket的组件和html文件总是成对出现,比如A.java和A.html。
如果没有成对出现,可能是inline模板,或者来自继承。
以wicket内置的PagingNavigator组件为例,查看源文件包,有对应的PagingNavigator.html文件存在。
现在新建一个MyPagingNavigator类,继承自PagingNavigator。
这是PagingVavigator.html的内容:
<wicket:panel> <a wicket:id="first" class="first"><<</a> <a wicket:id="prev" class="prev"><</a> <span wicket:id="navigation" class="goto"> <a wicket:id="pageLink" href="http://www.mamicode.com/#"><span wicket:id="pageNumber">5</span></a> </span> <a wicket:id="next" class="next">></a> <a wicket:id="last" class="last">>></a> </wicket:panel>
如果没有提供MyPagingNavigator.html,那么MyPagingNavigator将从PagingNavigator.html集成模板。
现在提供自己的html模板,让它变成purecss格式:
<wicket:panel> <a wicket:id="first" class="first" style="display:none;"><<</a> <ul class="pure-paginator"> <li><a wicket:id="prev" class="pure-button prev" href="http://www.mamicode.com/#">«</a></li> <span wicket:id="navigation" class="goto"> <li><a wicket:id="pageLink" class="pure-button" href="http://www.mamicode.com/#"><span wicket:id="pageNumber">5</span></a></li> </span> <li><a wicket:id="next" class="pure-button next" href="http://www.mamicode.com/#">»</a></li> </ul> <a wicket:id="last" class="last" style="display:none;">>></a> </wicket:panel>
可见这样的写法可以达成一定的效果,但是可控制手段非常受限,最终你必须通过阅读pagingNavigator的源代码,实现自己的基于purecss的paginator。
相对于熟悉js操控dom,wicket看起来笨拙许多。但是基于组件的重用,会让一切辛苦都回归价值。
wicket的模板继承(一)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。