jqgrid : so ändern Sie die Klasse von einer Zelle (wenn sich die Maus über auf)?

Ich die Zellen der ersten Spalte von mein raster, mit einer Klasse wie folgt:

$("#myGrid").jqGrid('setCell',rowid,'column_1', '', '**ui-state-default**');

Wie kann ich die Klasse einer Zelle, wenn die Maus über es?

InformationsquelleAutor Qualliarys | 2010-05-21
  1. 4

    Wie über dieses? 

    $("#myGrid").hover(function(){
        $(this).find("td:first").css("background-color", "black");
    });

    BEARBEITEN

     $("#myGrid tr").hover(
              function(){
              $(this).find("td:first").addClass('ui-state-hover');
              },
              function(){
              $(this).find("td:first").removeClass('ui-state-hover');
              }   
            );

    ODER 

    $("#myGrid tr").mouseenter(function(){
      $(this).find("td:first").addClass('ui-state-hover');
    }).mouseleave(function(){
      $(this).find("td:first").removeClass('ui-state-hover');
    });
    • Danke für deine schnelle Antwort! Ich versuche in dieser Richtung, und kommen zurück...
    • Habe ich noch nicht getestet eine dieser ich bin ein bisschen in Eile
    InformationsquelleAutor ant
  2. 0

    Ich löste es mit so etwas wie dies:

    $("#myGrid tr").hover(function() { 
    $(this).find("td").eq(1).addClass('ui-state-hover');
});

$("#myGrid tr").mouseout(function() {
    $(this).find("td").eq(1).removeClass('ui-state-hover')
});

    Was denkt Ihr darüber?

    • was auch immer für Sie arbeitet, seine feine, aber ich würde es so machen, siehe mein edit
    • Sie arbeiten besser wie meine code... aber ich muss noch zu ersetzen find("td:first") durch find("td").eq(1), warum ?
    InformationsquelleAutor Qualliarys
  3. 0

    Hier ist meine Letzte Lösung. Ich werde es wie folgt:

    $("#mygrid tr").hover(
  function(){
      $(this).find("td").eq(1).removeClass('ui-state-default');
      $(this).addClass("ui-state-hover");
  },
  function(){
     if(!$(this).hasClass("ui-state-active"))
     $(this).find("td").eq(1).addClass('ui-state-default');
  }
);

$("#mygrid tr").click(function(){
  $("#mygrid tr").each(function() {
    $(this).find("td").eq(1).addClass('ui-state-default');
  });

  $(".ui-state-active").removeClass("ui-state-active");
  $(".ui-state-highlight").removeClass("ui-state-highlight");
  $(this).find("td").eq(1).removeClass('ui-state-default');
  $(this).addClass("ui-state-active");
});

    Es funktioniert auch gut für ein raster innerhalb der input-text-tags!

    InformationsquelleAutor Qualliarys
Schreibe einen Kommentar