javascript – portlet中的Jquery数据表

前端之家收集整理的这篇文章主要介绍了javascript – portlet中的Jquery数据表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个portlet,其中一个JSP页面包含一个填充了java对象的表:
 这是一个示例代码

<% {%>
    

我想使用JQuery DataTables plugin使这个表成为DataTable.我将下载的库放在我的Liferay portlet中的docroot / js文件夹中,并在Liferay-portlet.xml中设置它的路径就像这样(根据我引用的教程中的指示) :

现在神奇的部分来了 – 我如何从我的例子中实际启动dataTable?

我想,在我的JSP中插入以下脚本udner表(根据教程)会做,但它什么都不做:

我做错了什么?也许我在指定JQuery库的路径时做错了什么……或者我使用它错了?我应该在其他地方调用功能吗?当涉及到JS和Jquery时,我是一个新手(对于虚拟问题抱歉),我只需要让这一件事工作……

编辑:通过替换< header-portal-javascript>解决与< header-portlet-javascript>

最佳答案
您的过程是正确的,但您的javascript包含错误的portlet.只要您的lifecode-portlet.xml文件中的Javascript路径正确,这应该可以正常工作.

如果您使用< header-portal-javascript> tag,路径相对于门户网站的上下文.来自Liferay文档

Element : header-portal-javascript

Set the path of JavaScript that
will be referenced in the page’s header relative to the portal’s
context path.

你想要的是使用< header-portlet-javascript>标记,因此路径相对于portlet的上下文.

如果你这样做,并确保在你的portlet-directory / docroot文件夹中你有你发布的文件夹结构(/js/DataTables/media/js/jquery.js),这将有效.

原文链接:https://www.f2er.com/jquery/428239.html

猜你在找的jQuery相关文章