Question

我正在尝试一些简单的方法，只是为了将p:inputText内部的文本值设想为Javascript，但我没有得到它。也许这是与Primefaces不同的程序，因为如果我不使用它，我不会遇到问题。

我的代码：

<p:inputText value="any text" widgetVar="youtlink" ></p:inputText>
        <p:commandButton value="Search"    onclick="loadPlayer();" icon="ui-icon-search" />  


<script type="text/javascript">
    function loadPlayer() {
        alert(youtlink.text);
    }
</script>

我也试过JQuery但也没有成功。

呈现视图：

<form id="editlFrm" enctype="application/x-www-form-urlencoded" method="post"
name="editlFrm">
    <input id="editlFrm:j_id_7" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all"
    type="text" value="assd" name="editlFrm:j_id_7" role="textbox" aria-disabled="false"
    aria-readonly="false" aria-multiline="false">
    <button id="editlFrm:j_id_8" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left"
    type="submit" onclick="loadPlayer();;PrimeFaces.ab({source:'editlFrm:j_id_8'});return false;"
    name="editlFrm:j_id_8" role="button" aria-disabled="false">

Answer 1

将id添加到您的<p:inputText

像这样

<p:inputText id="someID" value="any text" widgetVar="youtlink" ></p:inputText>

确保您的表单获得prependId="false"

比访问这样的值

alert(jQuery('#someID').val());

如果您不想在表单中添加prependId="false"，则必须将jquery选择器从jQuery('#someID').val()更改为jQuery("[id$='someID']").val()

修改

因为您的表单名为editlFrm

试试这个（确保将 someID ID分配给您的p:inputText）

alert(jQuery('#editlFrm\\:someID').val());

Answer 2

我在尝试做类似的事情时遇到了这个问题，并发现PrimeFaces通过jq属性公开了widget的JQuery元素。

所以在你的例子中，你可以这样做：

function loadPlayer() {
    alert(youtlink.jq.val());
}

在最近的PrimeFaces版本（从5.0开始），导出的小部件似乎不再污染全局命名空间，但需要使用PF()方法进行访问。但是，仍然可以以相同的方式访问JQuery元素。

function loadPlayer() {
    alert(PF('youtlink').jq.val());
}

Answer 3

我认为最简单的方法：

PF('youtlink').jq.val();

您甚至可以像这样设置输入字段的值：

PF('youtlink').jq.val('new value');

其他方式：

PrimeFaces.widgets.youtlink.jq.val()

以及另一种方式，如果你有ID：

$(PrimeFaces.escapeClientId("yourFormID:youtlink")).val()

用PF 5.3测试

Answer 4

此外，还有一个简单的javascript方式：

<h:form id="yourID" >
    <p:inputText id="anyID" value="any text" widgetVar="youtlink" ></p:inputText>
</h:form>

function loadPlayer() {
    alert(document.getElementById('yourID:anyID').value);
}

从p：inputText javascript获取值文本

4 个答案: