jqgrid ändern der Zeiger zur hand

Möchte ich ändern, den Zeiger auf der hand, wenn die Maus über jqgrid die Zeilen
Gibt es eine API dafür?

InformationsquelleAutor strike_noir | 2010-04-20
  1. 1

    Verwenden Sie einen benutzerdefinierten Formatierer auf eine beliebige Zelle in der Startaufstellung. Für weitere Informationen über diese finden Sie unter http://www.trirand.com/jqgridwiki/doku.php?id=wiki:custom_formatter

    Hier ist, wie ich es Tat. Ich wollte die erste Spalte in mein raster zu erscheinen wie es ist, einen anklickbaren link (aber wirklich es löst eine benutzerdefinierte jqgrid Veranstaltung onCellSelect).

    Snippet von meiner grid-Objekt: 

    colModel :[ 
{name:'ticket', index:'IMINDT', width:125, formatter: pointercursor},

    pointercursor ist der name einer Funktion. Der code dafür ist wie folgt definiert: 

    //Custom formatter for a cell in a jqgrid row. 
function pointercursor(cellvalue, options, rowObject)
{ 
var new_formatted_cellvalue = '<span class="pointer">' + cellvalue + '</span>'; 
return new_formatted_cellvalue; 
}

    Meine CSS-Klasse "Zeiger": 

    .pointer { 
cursor: pointer; 
text-decoration: underline;
}

    Das ist es!

    • Ich bin kein großer fan von hinzufügen einer Spanne, wie es eigentlich ändert das Verhalten von onCellSelect. Wenn Sie klicken Sie auf das 'span' - Inhalt wird es NICHT ausgelöst, die onCellSelect Veranstaltung. Finden Sie Woggles Antwort als ein möglicher work-around.
    InformationsquelleAutor fbloggs
  2. 16

    Diese kann getan werden, leichter mit den Klassen colModel Eigenschaft als unten:

    { name: 'Email', index: 'Email', classes: 'pointer' }

    Aus der wiki:

    Dieser option können zu Klassen hinzufügen, um die Spalte. Wenn mehr als eine Klasse verwendet wird ein Leerzeichen gesetzt werden soll. Durch die Beispiel-Klassen:'class1 class2' ein class1 und class2 zu jeder Zelle in dieser Spalte. In der grid-css gibt es eine vordefinierte Klasse ui-ellipsis, die es erlauben zu befestigen Ellipse zu einer bestimmten Zeile. Auch dies funktioniert in FireFox auch.

    InformationsquelleAutor woggles
  3. 5

    Ich nur hinzufügen, dass dies in meine css-Datei

    #mygrid .jqgrow{
    cursor:pointer;
}
    • Danke, diese Lösung Hinzugefügt, der Zeiger für alle Spalten.
    InformationsquelleAutor Quincy
  4. 1

    in der css-Datei setzen diese:

      .ui-jqgrid .ui-jqgrid-btable { cursor : pointer; }
    InformationsquelleAutor Diogo
  5. 0

    Scheint es mir, dass du nicht ein jqgrid Frage, sondern ein reines CSS-oder javascript-Frage. Blick auf How to get cursor zu ändern, bevor der Mauszeiger bewegt, wenn Sie ändern Sie den cursor Stil dynamisch zum Beispiel. Es zeigt, wie kann man das ändern cursor Stil eines html-Elements. Siehe auch in http://www.quirksmode.org/css/cursor.html, dass 'hand' unterstützt nicht in allen Browsern.

    InformationsquelleAutor Oleg
Schreibe einen Kommentar