我有一个 rich:extendedDataTable 并且我正在使用列过滤。我希望在用户输入“intro”键后触发过滤器，但在 javascript 中没有这样的事件。

我想这样做是因为如果我使用诸如 onkeyup 之类的事件，我会收到太多请求，因此会遇到问题。我正在使用 richfaces 3.3.0GA 和 facelets。

这是组件:

<ui:composition>
<a4j:form ajaxSingle="true" requestDelay="700">
    <rich:extendedDataTable id="tablePatients" value="#{user.patientsTab.patients}" var="patient" rows="20" 
        onRowMouseOver="this.style.backgroundColor='#F1F1F1'" onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'">
        <f:facet name="header">
            <h:outputText value="Patient List" />
        </f:facet>
        <rich:column label="#{msg.id}">
            <f:facet name="header">
                <h:outputText value="Id" />
            </f:facet>
            <h:outputText value="#{patient.id}" id="patientId" />
        </rich:column>
        <rich:column label="#{msg.name}"  sortable="true" filterBy="#{patient.profile.name}" filterEvent="onkeyup">
            <f:facet name="header">
                <h:outputText value="Name" />
            </f:facet>
            <h:outputText value="#{patient.profile.name}" id="name" style="#{patient.isUnrated? 'font-weight:bold':''}" />
        </rich:column >
        <rich:column label="#{msg.lastexamination}" sortable="true">
            <f:facet name="header">
                <h:outputText value="Last Examination" />
            </f:facet>
            <h:outputText value="#{patient.lastExaminationDate}" style="#{patient.isUnrated? 'font-weight:bold':''}" />
        </rich:column>
        <rich:column label="#{msg.action}">
            <f:facet name="header">
                <h:outputText value="#{msg.action}"></h:outputText></f:facet>
            <a4j:commandLink id="editlink" oncomplete="#{rich:component('patientPanel')}.show()" reRender="a4jPatientPanel">
                <h:graphicImage value="/images/icons/PNG-24/Add.png" style="border:0" />
                <f:setPropertyActionListener value="#{patient}" target="#{user.patientsTab.patientPanel.patient}" />
            </a4j:commandLink>
            <rich:toolTip for="editlink" value="Edit" />
        </rich:column>

        <f:facet name="footer">
            <rich:datascroller renderIfSinglePage="false" maxPages="5" />
        </f:facet>
    </rich:extendedDataTable>

    </a4j:form>

    <ui:include src="/pages/panels/patientPanel.xhtml" />
</ui:composition>

最佳答案

不幸的是，没有简单的方法来自定义此功能。不过，有一些选项可以使其更有用:

• <a4j:queue requestDelay="1000" ignoreDupResponce="true" /> - 将其放入您的 <a4j:form>或 <a4j:region>和你的 onkeyup请求将被延迟和分组。参见 richfaces demo page :

  • Setting ignoreDupResponces to true reduces the count of DOM updates on typing inside the input. (in initial state count of updates is equals to count of requests)
  • Disabling the queue causes fully asynchronous updates. Note that updates could appear not only in direct order and as a result you could get wrong string.
  • Setting request delay to greater value reduces the requests count on fast typing. (More similar requests are combined in the result)

• 我目前正在使用以下替代方案:

  <rich:dataTable (..some attributes..)
      onkeypress="if (event.keyCode == 13) {document.getElementById('formId:tableId:j_id70fsp').blur(); return false;} else {return true;}"
      ><!-- disabling submit-on-enter -->
      <rich:column label="#{msg.name}" sortable="true" 
         filterBy="#{patient.profile.name}" filterEvent="onblur">
  </rich:dataTable>
  

  您必须在哪里查看为 j_id70fsp 生成的 ID .但是，不能保证它会永远保持这种状态。

  结果是在按下 enter 键时过滤该列，这是相当有用的。

关于java - Richfaces 列过滤器 : How to fire an event on intro key，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2279691/