一个Item Render设计模式实例

时间:2021-05-02

对于包含多Item的用户界面组件(UI Component)(如Tree, Table, DataGrid等) Item 容器来说,其行为大多固定,需要时常改变的是Item的显示。如果将显示实现放在这些item containers的class内,那么不仅这些classes的可重复利用性受到破坏,代码也难以管理。这时应该考虑将item的显示逻辑分离出来。

具体实现方法:将item显示逻辑独立出来放到item render class/function中。

这种模式在Java Swing及Flex的API中有大量的使用。在这里举一个PHP的例子。在网站制作时,我们使用如下的HTML代码搭配CSS来显示导航:

在PHP中,我们使用Node来为如上的tree建模 - 有一个顶级的虚拟Node, 然后回溯打印即可。为了美化页面,这时我们想让第一级的Node显示图片,让其他级的保留使用文字。这时我们使用如下的render function:

// node class中: public function toHtmlMenu($printThis = true, $printSubItemsLevel = 100, $renderFuncForListItemContent = NULL) { if($printThis) { $s = "<li>"; if($renderFuncForListItemContent == null) { $s .= "<a href=\"$this->path\">" . $this->getLabel(). "</a>"; }else{ $s .= call_user_func($renderFuncForListItemContent, $this, $selectIndex,$language, $country); } } // recursive print ... }

// in caller script: function menuItemRenderLevel1AsImage(MenuItem $menuItem) { if($menuItem->getLevel() == 1) { return "<a href=\"" . $menuItem->getPath() . "\">" . "<img src=\"$menuItem->id.png\">" . "</a>"; }else{ return "<a href=\"$this->path\">" . $this->getLabel(). "</a>"; } }$menuCode = $MENU_ROOT->toHtmlMenu(false, 2, "menuItemRenderLevel1AsImage");

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章