Question

我使用Liferay 6.1，我创建了一个带代码的portlet（链接：http://www.liferay.com/community/wiki/-/wiki/Main/Using+Lifery+provided+Color+Picker+in+Own+Portlets）

<script type="text/javascript"> jQuery( function() { var colorPicker = new Liferay.ColorPicker( { hasImage: true } ); } ); </script>


<tr> <td> <input class="text-input" id="color" name="color" size="9" type="text" value="" />

<img align="absmiddle" alt="<liferay-ui:message key="color" />" border="0" class="use-color-picker" height="18" hspace="0" src="<%= themeDisplay.getPathThemeImages() %>/color.png" title="<liferay-ui:message key="color" />" vspace="0" width="18" style="cursor: pointer;" />

</input> </td> </tr>

但它不起作用，请帮帮我:)。

Answer 1

您需要向new Liferay.ColorPicker传递更多选项。根据您发布的指南：

选项：

•context（Object）：一个DOM对象，它指定其中的上下文   搜索项目
  •hasImage：（Boolean）如果设置为true，则使用   “item”参数或任何具有.use-color-picker类的图像   图像
  •item：（Object | String）：DOM对象或jQuery Selector   string，指定将所选值插入到的字段   •onChange（Function）：一个函数将在每次调用时被调用   颜色变化
  •onClose（Function）：将被调用的函数   当颜色选择器关闭时。

Colorpicker不起作用

1 个答案: