Liferay Hook使用范例

今天UI组有个需求，需要把Liferay的默认的header改为自定义的header,并且用ext-js来展示动态header的效果，于是我们想到了用Liferay Hook的功能。

展示效果

初始状态：

当鼠标滚轮往下滚动时候，header会缩成一条横杠：

开发">

当鼠标滚轮往上滚动时，header会恢复为初始状态：

实现：

为了实现这个功能，我们必须创建一个Liferay Hook功能, 然后我们在META-INF下创建一个目录叫modify_liferay_defaults作为我们需要更改的部分。与此同时，我们配置liferay-hook.xml，让其指向这个目录：

<?xml version="1.0"?>
<!DOCTYPE hook PUBLIC "-//Liferay//DTD Hook 6.1.0//EN" "http://www.liferay.com/dtd/liferay-hook_6_1_0.dtd"> 

<hook>
    <custom-jsp-dir>/META-INF/modify_liferay_defaults</custom-jsp-dir>
</hook>

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索hook
， 滚动
， header
， 功能
， liferay
， 初始
滚轮
liferay hook、liferay hook开发、liferay hook build、liferay使用多、liferay使用cms，以便于您获取更多的相关知识。