Extended Datatable onrowmouseover無法正常工作

我試圖在鼠標懸停時突出顯示錶格的行。下面是代碼：Extended Datatable onrowmouseover無法正常工作

<div style="position: relative; top: 120px; left: 300px"> 
     <h:panelGrid columns="2"> 

      <h:form> 


       <rich:extendedDataTable onrowmouseover ="this.style.backgroundColor='yellow'" 
          onrowmouseout="this.style.backgroundColor='white'" value="#{moneyTransferManager.allAccounts}" var="accounts" 
             selection="#{extTableSelectionBean.selection}" id="table" frozenColumns="2" 
             style="height:170px; width:484px;"> 
        <a4j:ajax execute="@form" event="selectionchange" listener="#{extTableSelectionBean.selectionListener}" 
           render=":res"/> 
        <f:facet name="header"> 
         <h:outputText value="Hesaplarım"/> 
        </f:facet> 
        <rich:column width="120px;"> 
         <f:facet name="header"> 
          <h:outputText value="Hesap Numarası"/> 
         </f:facet> 
         <h:outputText value="#{accounts.accountNumber}"/> 
        </rich:column> 
        <rich:column width="120px;"> 
         <f:facet name="header"> 
          <h:outputText value="Para Birimi"/> 
         </f:facet> 
         <h:outputText value="#{accounts.accountCurrency}"/> 
        </rich:column> 
        <rich:column width="120px;"> 
         <f:facet name="header"> 
          <h:outputText value="IBAN"/> 
         </f:facet> 
         <h:outputText value="#{accounts.iban}"/> 
        </rich:column> 
        <rich:column width="120px;"> 
         <f:facet name="header"> 
          <h:outputText value="Bakiye"/> 
         </f:facet> 
         <h:outputText value="#{accounts.balance}"/> 
        </rich:column> 
       </rich:extendedDataTable> 
      </h:form> 
      <a4j:outputPanel id="res"> 
       <rich:panel header="Seçilen Hesap:" rendered="#{not empty extTableSelectionBean.selectionItems}"> 
        <rich:list type="unordered" value="#{extTableSelectionBean.selectionItems}" var="sel"> 
         <h:outputText value="#{sel.accountCurrency} - #{sel.iban} - #{sel.balance}"/> 
        </rich:list> 
       </rich:panel> 
      </a4j:outputPanel> 



      <rich:panel styleClass="top"> 
       <div style="position: relative; left: -3px; top: 23px"> 
        <h:outputText style=" font-size: 12px; font-weight: bold; " value="Yapmak istediğiniz işlem .."></h:outputText> 
       </div> 
       <h:form> 
        <div style="position: relative; left: 160px; top: -3px"> 
         <rich:select value="#{transactionManager.selection}" defaultLabel="Bir işlem seçin..."> 
          <f:selectItem itemValue="0" itemLabel="Hesap Hareketlerini Listele" /> 
         </rich:select>  

        </div> 
        <div style="position: relative; left: 380px; top: -22px"> 
         <h:commandButton action="#{transactionManager.accountActivity()}" value="Devam" style="color: #000000; font-weight: bold; width: 70px; height: 21px; background-color: grey; -moz-border-radius: 0px; -webkit-border-radius: 15px;"></h:commandButton> 
        </div> 
       </h:form> 
      </rich:panel> 



     </h:panelGrid> 

    </div>

的問題是，只有1-2列在一起，或者一起3-4突出這樣的：

enter image description here

誰能告訴我這個問題？謝謝

來源

2013-07-16 yrazlik

不太確定，但可能與''上的'frozenColumns =「2」'屬性有關。 –

@LuiggiMendoza Aww Luiggi，你打敗了我。這是由剛剛測試它所造成的。 – Andy

@Andy我甚至沒有測試它，這就是爲什麼我發佈*不太確定*因爲看起來像問題的明顯原因：2. –

這是由frozenColumns屬性引起的。如果您想要選擇所有行，請將其刪除。

來源

2013-07-16 21:22:44 Andy

好吧，最後，這是問題 – yrazlik

Extended Datatable onrowmouseover無法正常工作

回答

相關問題