0

我使用 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>

但它不起作用,请帮助我:)

4

1 回答 1

1

您需要将更多选项传递给new Liferay.ColorPicker. 根据您发布的指南:

选项:

•context (Object):一个 DOM 对象,它指定在其中搜索项目的上下文
•hasImage:(布尔值)如果设置为 true,则使用“item”参数或任何具有 .use-color-picker 类的图像如图
•item: (Object|String): DOM 对象或 jQuery Selector 字符串,用于指定将选定值插入到哪个字段
•onChange (Function): 每当颜色改变时都会调用的
函数 •onClose (Function ):当颜色选择器关闭时将调用的函数。

于 2013-03-26T07:17:25.423 回答