Betrachten Sie dieses JSON-Beispiel:
%Vor% Diese Datensätze werden in einem Geschäft geladen und dann in einem Gitterfeld angezeigt. Dieses Raster enthält eine Aktionsspalte für Editierzwecke. Ich suche nach einer Möglichkeit, die Schaltfläche "Bearbeiten" nur für die zweite Zeile zu deaktivieren, ohne nach dem Rendern Berechnungen durchzuführen. Ich würde gern eine eingebaute Funktion verwenden, die wie die renderer Eigenschaft, anstatt durch den Speicher zu laufen, um jede Zeile zu aktualisieren, sobald das Raster gerendert wurde.
Bietet ExtJS 4.1.1 diese Art von Funktion?
Ich fange nur an zu sagen: Ich vermeide es, Action-Spalte um jeden Preis zu verwenden, es ist völlig unmöglich, irgendeine Art von Rendering-Logik (wie verschiedene Bilder pro Zeile und bedingt auf dem Zeilenmodell gezeigt) . Definieren Sie stattdessen eine reguläre Spalte, die ein Bild rendert und das Klickereignis in der Spalte nutzt. Hier ist ein Beispiel aus meinem Code:
%Vor%Ich habe folgende Lösung im Sencha Forum gefunden: Zusätzlich zu der hier bereits beschriebenen "isDisabled" -Funktion können Sie die folgende Konfiguration verwenden, um das Symbol je nach Datensatz zu ändern (oder auszublenden):
%Vor%Meine CSS-Klasse ist definiert als:
%Vor%Da ich Icons über CSS trotzdem anzeige, ist dies eine schnelle Möglichkeit für mich, Icons dynamisch zu ändern. Bitte beachten Sie, dass die Deaktivierung des Handlers über "isDisabled" immer noch erforderlich ist, da der Handler andernfalls starten würde, wenn Sie auf die Aktionsspalte klicken, selbst wenn das Symbol nicht angezeigt wird.
Ich habe das Folgende in ExtJs 6.0.1 Version verwendet und funktioniert gut. Verwenden Sie die Konfiguration "getClass". Eine Funktion, die die CSS-Klasse zurückgibt, um sie auf das Symbolbild anzuwenden.
%Vor%