4 Replies Latest reply on Aug 20, 2009 3:46 AM by ilya_shaikovsky

    inplaceInput in extendedDataTable - problem with scrolling u

    afrontczak

      Hi,

      I use inplaceInput in extendedDataTable as on below code example.
      But there is a serious problem under IE when row number forces scrolling and I try to edit inplaceInput with scroll moved down. It looks like all not edited columns scroll ok, but column with inplaceinput doesn't scroll at all.

      Example code:
      -----------------
      <ui:define name="content_body">
      <h:panelGroup layout="block">
      <h:outputText value="#{genMsg['general.property.header']}" styleClass="listHeaderText" />
      </h:panelGroup>
      <h:panelGroup layout="block" styleClass="frameDivList">
      <h:form>
      <rich:extendedDataTable id="propertiesTable"
      var="itemData" rowKeyVar="rkv"
      tableState="#{backing_listProperties.propertiesTableState}"
      value="#{backing_listProperties.propertiesDataModel}"
      width="870px" rules="all" selectionMode="none"
      groupingColumn="propertyGroup">
      <rich:column
      id="propertyGroup"
      sortable="true" sortBy="#{genMsg[itemData.groupResourceId]}"
      label="#{genMsg['general.property.group']}" width="100px">
      <f:facet name="header">
      <h:outputText value="#{genMsg['general.property.group']}" />
      </f:facet>
      <h:outputText value="#{genMsg[itemData.groupResourceId]}" />
      </rich:column>
      <rich:column
      sortable="true" sortBy="#{itemData.value}"
      label="#{genMsg['general.property.value']}" width="250px">
      <f:facet name="header">
      <h:outputText value="#{genMsg['general.property.value']}" />
      </f:facet>
      <rich:inplaceInput layout="block" value="#{itemData.value}"
      rendered="#{!isViewMode}"
      showControls="false"
      changedHoverClass="inplaceInputHover" viewHoverClass="inplaceInputHover"
      selectOnEdit="true" editEvent="ondblclick">
      </rich:inplaceInput>
      <h:outputText
      rendered="#{isViewMode}"
      value="#{itemData.value}"
      />
      </rich:column>
      </rich:extendedDataTable>
      </h:form>
      </h:panelGroup>
      </ui:define>

      greetings,
      Aleksander