jQuery - Felder in Listenansicht rot anzeigen

Andi Fandrich Als Antwort am 8 Feb. 2016 11:04

Das macht man anders ;-)

Nicht nachträglich, wenn die Ansicht schon fertig ist, sondern gleich beim Aufbau. Benutze die Suchmaschine Deiner Wahl, um nach JSLink bzw. CSR zu suchen.

Andman Als Antwort am 8 Feb. 2016 11:13

Ich schau mal danke.

Andman Als Antwort am 8 Feb. 2016 15:05

Ok, JSLink hat gut funktioniert. :) Hat auch den Vorteil, dass die Änderung direkt geladen werden. Bei jQuery sieht man manchmal den Verzug. Hatten schon mal was mit JSLink gemacht, hatte ich aber nicht mehr so auf dem Schirm. Wenn man halt nicht so oft damit arbeitet. Aber macht auf jeden Fall was es soll. :)

..ich häng mal das Script mit an. Falls mal jemand ne ähnliche Anforderung hat:

<script type="text/javascript">
(function () {
    var coloringFieldContext = {};
    coloringFieldContext.Templates = {};
    coloringFieldContext.Templates.Fields = {
        "Month1": { "View": coloringFieldTemplate },
        "Month2": { "View": coloringFieldTemplate },
        "Month3": { "View": coloringFieldTemplate },
        "Month4": { "View": coloringFieldTemplate },
        "Month5": { "View": coloringFieldTemplate },
        "Month6": { "View": coloringFieldTemplate },
        "Month7": { "View": coloringFieldTemplate },
        "Month8": { "View": coloringFieldTemplate },
        "Month9": { "View": coloringFieldTemplate },
        "Month10": { "View": coloringFieldTemplate },
        "Month11": { "View": coloringFieldTemplate },
        "Month12": { "View": coloringFieldTemplate }
    };
    SPClientTemplates.TemplateManager.RegisterTemplateOverrides(coloringFieldContext);
})();

function coloringFieldTemplate(ctx) {
    var currentFieldValue = ctx.CurrentItem[ctx.CurrentFieldSchema.Name];
    var currentRefferedFieldValue = ctx.CurrentItem["MonthlyCapacity"];
   
    var month1 = parseInt(currentFieldValue);
    var wert = parseInt(currentRefferedFieldValue);
    var wertanteil = wert - (wert * 0.10);

    if (month1 > wert) {
        return "<div align='right' class='ms-number' style='color: red;'><b>" + month1 + "</b></div>";
    }
    else if (month1 < wertanteil){
        return "<div align='right' class='ms-number' style='color: green;'><b>" + month1 + "</b></div>";
    }
    else if (month1 > wertanteil){
        return "<div align='right' class='ms-number' style='color: orange;'><b>" + month1 + "</b></div>";
    }
    else if ("NaN"){
        return "<div align='right' class='ms-number' style='color: green;'></div>";
    }
}
</script>

Andman Als Antwort am 8 Feb. 2016 11:11

Bedingte Formatierung geht doch mit dem SharePoint Designer 2013 gar nicht mehr oder?! Bei 2010 war das ne feine Sache.