Ändern der Hintergrundfarbe der Eingabefelder der editierbaren Spalte in primefaces datatable-Wert ändert

Habe ich eine editierbare Spalte in der dataTable. Der code ist:

<p:column id="articleDescription" headerText="Article Description" filterBy="#{article.description}" filterMatchMode="startsWith">
  <p:inputText id="description" value="#{article.description}"style="border:none; box-shadow:none;" />
</p:column>
  1. Ich möchte den hintergrund ändern, die Farbe des inputText - Beschreibung auf der event - valueChange. Wie kann ich das ändern ?
  2. Auch, die Standard-Hintergrundfarbe sollte die gleiche wie die der übergeordneten Zeile? Ist es möglich? Wie kann es getan werden?

Dank,
Shikha

InformationsquelleAutor Shikha Dhawan | 2012-02-18
  1. 3

    Die Hintergrundfarbe der Zelle festgelegt wurde, wie von den Eltern Zeile Farbe :

    .inputTextStyle {
    background-color: transparent !important;
}

<h:inputText id="vendorDiscountPerInputTxt"
    value="#{articlePromo.descPromoPorcentaje}"
    styleClass="inputTextStyle">
</h:inputText>

    Außerdem verändert sich die Hintergrundfarbe der Zelle auf Wertänderung als:

    $(document.getElementById(str)).css("background-color", "pink !important");

    Kennzeichnung es als wichtig, ist notwendig, weil primefaces markieren Sie es als wichtig. Also, um es zu überschreiben.

    InformationsquelleAutor Shikha Dhawan
  2. 0

    Ich möchte den hintergrund ändern, die Farbe des inputText - Beschreibung auf der event - valueChange. Wie kann ich das ändern?

    Führen Sie einfach einige JavaScript - /jQuery-während der change event des input-Elements (PrimeFaces Schiffe mit jQuery gebündelt, die Sie nicht brauchen, um es selbst installieren).

    Auch, die Standard-Hintergrundfarbe sollte die gleiche wie die der übergeordneten Zeile? Ist es möglich? Wie kann es getan werden?

    Mit jQuery ist es leicht zu greifen, die übergeordnete Zeile und erhalten seine CSS - background-color Eigenschaft.

    Vorausgesetzt, dass Sie die jQuery-Richtung, es würde in etwa so Aussehen

    <p:inputText styleClass="changeable" />

    mit

    $(document).delegate("tr :input.changeable", "change", function() {
    var $this = $(this);
    $this.css('background-color', $this.closest('tr').css('background-color'));
});
    • die style-Klasse wird nicht immer abgeholt. <p:column id="articleDescription" headerText="Article Description" filterBy="#{article.description}" filterMatchMode="startsWith"> <p:inputText value="#{article.description}" styleClass="inputfieldStyle" /> </p:column>' and I defined the same in css as .ui-inputfieldStyle { border:none; box-shadow:none; }` Was fehlt oder falsch in diesem ?
    • Sie Gaben Ihnen andere Namen.
    • Ein Tippfehler hier. "inputfieldStyle" benutzt wird, sowohl auf die Plätze. Beide Namen sind identisch. Noch immer seine nicht immer angewendet.
    • Diese Klasse hat keine Hintergrundfarbe.
    • Hier bin ich gerade mit Rand & box-shadow. Seine funktioniert wenn ich es mit "Stil". Aber nicht arbeiten, wenn ich "styleClass"
    • box-shadow arbeiten nicht auf tr ohne es zu display: block; erste (das würde den ganzen Zweck vereiteln, Tabelle). Nicht sicher über die Grenze obwohl. Es kann nicht in einige zusammengebrochen Szenarien. Übrigens, es spielt keine Rolle, wenn es deklariert ein inline-style oder eine CSS-Klasse. Die jQuery.css() verwendet getComputedStyle(). Siehe auch api-doc: api.jquery.com/css

    InformationsquelleAutor BalusC
Schreibe einen Kommentar