So ändern Sie den cursor-Bild in ExtJS 4.1

In ExtJS 4.0.2 ein, ich könnte ändern der cursor-Bild über ein raster mit:

body.setStyle('cursor','move');

Diese scheint nicht zu funktionieren in 4.0.7 oder 4.1. Ich bekomme keine css-Fehler, aber es gibt eine unnatürliche lag an der Stelle, wo die änderung erfolgen soll. Vielleicht wird es überschrieben?

UPDATE:

Ich versuche zu laufen, diese aus einem raster onitemmousedown Veranstaltung. Ich fand, dass die GridView bekommt eine Klasse ".x-nicht auswählbare", um raster text nicht auswählbare (was ich will). Aber in ExtJS 4.0.7 und 4.1 dieser ".x-nicht auswählbare" - Klasse hat eine cursor: default Einstellung, die wird vererbt durch alle Zeilen und Zellen im raster und die überschreibt jede andere style-Attribute, die ich anwenden um den cursor. Es hatte nicht diese in 4.0.2. a.

Wenn ich die Kraft des gridview-cursor-Stil mit !important der cursor ändert sich erst, wenn ich es bekommen genau auf die 1px Linie zwischen zwei Zeilen, da die Zeile, noch erbt die cursor-Einstellung. Ich glaube, ich könnte das überschreiben der cursor Stil für alle Zeilen und dann alle Zellen mit dieser Methode, aber es scheint, wie es sein sollte, einige Reiniger extjs-Methode.

InformationsquelleAutor Geronimo | 2012-02-02
  1. 2

    Gibt es einen bestimmten Grund, nicht nur mit CSS?

    <style>
.MyTarget{
   cursor: pointer;
}

/*override the panel header cursor */
.x-form-field {
    cursor: pointer;
}
</style>
<div class="MyTarget">The cursor will be a pointer over the body here</div>

//Some Ext to create a panel - the panel header will have the new cursor declared in the CSS
    • Ich brauchte es zu ändern, auf ein mouse-down-event speziell. Ich habe versucht, mit regelmäßigen css-Datei mit der extjs-Methode Körper.addCls('class-name...'); Und obwohl ich sehe die Klasse angewendet, in firebug den cursor nicht ändern...
    • Gemäß dem Vorschlag von Eric, haben Sie auch versucht, indem !wichtig für Ihre Erklärung? Ext.getBody().setStyle("cursor", "move !important"); Zu halten, können Sie das raster Neugestaltung der cursor?
    • Ich schaffte es, um es zu überschreiben, auf die gridview mit !important leider jede Zeile des Gitters wird, erbt die Klasse .x-unselectable setzt cursor: default er tut dies, um den text nicht auswählbare (was ich will), aber es bedeutet, dass der cursor ändert sich erst, wenn ich es bekommen genau auf die 1px Linie zwischen zwei Zeilen... ich glaube, ich könnte versuchen, überschreiben Sie den cursor Stil für alle Zeilen und danach alle Zellen mit dieser Methode, aber es scheint, wie es sein sollte, etwas sauberer als Teil von extjs.
    InformationsquelleAutor phatskat
  2. 1

    Ich vermute body bezieht sich direkt auf das DOM-element für den Körper. Haben Sie versucht, 

    Ext.getBody().setStyle("cursor", "move");

    Wird, wickeln Sie den Körper als Ext.Element und geben Sie all die schönen Methoden. Wenn das nicht funktioniert, schlage ich vor die öffnung ein debugger und ein Schritt in die setStyle-Funktion, um zu sehen, wenn etwas seltsam passiert, oder setzen Sie eine Uhr auf body.style.cursor.

    • Ich habe die Körper definiert als Ext.getBody() keine DOM-element. Die Uhr zeigt an, dass der cursor ist geändert zu "bewegen". Es muss überschrieben, im Netz oder irgendwo unten in den Versionen jenseits der 4.0.2. Vielleicht gibt es eine Möglichkeit zum deaktivieren des überschreiben.
    InformationsquelleAutor Eric
Schreibe einen Kommentar