Question

我只想尝试将一个空文本字符串添加到Search Portlet搜索栏，基本上我想完成这个：

<div id="myportlet"> //(or however it's rendered)
    <input type="text "id="search" value="Search Here">
</div>

编辑：根据Pankaj的建议，我在placeholder的每个实例中放置了aui:input标记，然后重新启动了我的服务器，但还没有看到我的更改。

<aui:input name="<%= SearchContainer.DEFAULT_CUR_PARAM %>" type="hidden"  value="<%= ParamUtil.getInteger(request, SearchContainer.DEFAULT_CUR_PARAM, SearchContainer.DEFAULT_CUR) %>" placeholder="Search Portal1"/>
    <aui:input name="format" type="hidden" value="<%= format %>" placeholder="Search Portal "/>

    <aui:fieldset id="searchContainer">
        <aui:input autoFocus="<%= windowState.equals(WindowState.MAXIMIZED) %>"  inlineField="<%= true %>" label="" name="keywords" size="30" value="<%= HtmlUtil.escape(keywords) %>" placeholder="Search Portal3"/>

        <aui:input inlineField="<%= true %>" label="" name="search" src='<%= themeDisplay.getPathThemeImages() + "/common/search.png" %>' title="search" type="image" placeholder="Search Portal4"/>

        <aui:input inlineField="<%= true %>" label="" name="clearSearch" src='<%= themeDisplay.getPathThemeImages() + "/common/close.png" %>' title="clear-search" type="image" placeholder="Search Portal5"/>

任何帮助？

谢谢！

Answer 1

Clay Banks写得很好但是使用jQuery。

在Liferay中，最好使用AlloyUI，即基于YUI3的js嵌入式框架。

<aui:script>

var A = AUI();

A.one('#specific_div input[type="text"]').attr(''placeholder', 'Some Text!');

</aui:script>

P.S。检查sintax ..

Answer 2

您可以覆盖/docroot/html/portlet/search/search.jsp并为搜索字段的aui输入标记提供占位符属性。

HTH 此致

Answer 3

我所做的只是使用一些 javascript 定位输入元素并为其赋予.attr()函数，如下所示：

$('#specific_div input[type="text"]').attr('placeholder', 'Some Text!');

对我来说，这是一个更有效的过程，因为您可以使用$theme.search()在一个门户（.vm）中多次实例化搜索portlet，并单独更改每个门户而不是更改整个search.jsp文件。 / p>

向搜索Portlet添加value =“Empty Text”

3 个答案: