无法更新Primefaces中p：dataTable（不是整个p：dataTable）中的组件

Question

我正在使用Primefaces 3.3.1和Tomcat 7.0.22.0。我有p：dataTable，其中有p：inputtext。p:dataTable的id是“housetabid:tabview:form0:table”。这是从HTML源复制粘贴的。并且我让dialog（在dataTable所驻留的表单之外）通过p：dataTable中的按钮打开，并且该对话框中的p：CommandButton更新dataTable。

P：CommandButton看起来是这样的；

<p:commandButton ajax="true" action="#{myBean.setInputText()}"
    value="OK"
    update="#{myBean.getUpdateTarget(0)}"/>

myBean.getUpdateTarget(0)将正确的字符串返回到指向目标组件。

我可以通过指定“housetabid:tabview:form0:table”（意思是MyBean.getUpdateTarget(0)返回该字符串）来成功更新整个dataTable。但是我在表中有很多行，所以更新整个表需要更长的时间来完成，并且滚动位置被重置，这真的很恼人。这使我只想更新表中的一行，而不是整行。

所以我首先返回“housetabid:tabview:form0:table:inputbox”来更新我要更新的p：inputtext。在p：dataTable中，我有如下所示的内容；

<p:column headerText="Value"
    width="300" style="height:16px; font-size:9pt;">
    <p:inputText id="inputBox" value="#{myItem.value}"
        style="width:95%; height:11px; font-size:9pt;">
        <f:ajax execute="@this" event="blur" />
    </p:inputText>
</p:column>

结果：没有更新，没有错误日志。我知道“housetabid:tabview:form0:table:inputbox”不能工作，因为它没有在表中指定行。因此，通过使用rowIndexVar，我尝试使用“housetabid:tabview:form0:table:0:inputbox”，并使用rowIndexVar的make:0:part。该字符串是从HTML源复制粘贴的。但不幸的是，我有例外。

javax.faces.FacesException: Cannot find component with identifier ":houseTabID:tabView:form0:table:0:inputBox" referenced from "houseTabID:j_idt181:j_idt186".

为什么？显然有“Housetabid:TabView:Form0:Table:0:InputBox”，我在HTML源代码中看到了它，我可以用“Housetabid:TabView:Form0:Table”更新整个talbe，但用“Housetabid:TabView:Form0:Table:0:InputBox”抛出异常？这对我来说没有意义。那么，为什么它不会抛出任何异常或溢出带有“housetabid:tabview:form0:table:inputbox”的错误日志呢？我验证了p：commandButton HTML源；

onclick="PrimeFaces.ab({source:'houseTabID:j_idt190:j_idt195',update:'houseTabID:tabView:form0:table:inputBox',

我非常希望只更新一行，而不是整个p：dataTable。请帮帮我.

Answer 1

我找到了解决办法。根据这次谈话,

position = JQuery(".ui-datatable-scrollable-body").scrollTop();
JQuery(".ui-datatable-scrollable-body").scrollTop(position);

能做到这一点。这似乎是获取和设置p：dataTable垂直滚动位置的唯一方法。我在打开对话框之前保存了位置，并在从对话框更新p：dataTable之后设置了位置。这是我想做的。

但上述方法存在严重的问题。该代码从顶部扫描给定的类“.ui-dataTable-scrollable-body”，并在第一个找到的类中执行。因此它只适用于一个p：dataTable。幸运的是，我能想出第二种解决方案。

<script type="text/javascript">
    $ = jQuery;
    var scrollPos;
        function saveScrollPos()
        {
            scrollPos = $("#houseTabID\\:tabView\\:form0\\:table_data").parents(".ui-datatable-scrollable-body").scrollTop();
        }
        function getScrollPos()
        {
            $("#houseTabID\\:tabView\\:form0\\:table_data").parents(".ui-datatable-scrollable-body").scrollTop(scrollPos);
        }
</script>

FireFox中的FireBug帮助我找到了PrimeFaces使用的组件id“_data”。请看我的问题，我的数据表的id是“table”，有人创建了“table_data”。我可以用上面所示的转义语法来指向它，而函数parents（）则指向这个位置。它在我的应用程序中运行良好。

我真的很感谢stier01，他发布了他的解决方案，这是我能在网上找到的唯一一个。而且我真的感到悲哀的是，Primefaces p：DataTable不支持这样一个基本的东西。我知道我们很多人都希望在更新时保持p：dataTable的滚动位置。我希望在不久的将来它会得到改善。