2010-11-11 10 views
10

Jede jQgrid-Zeile hat mehrere Kontrollkästchen, so dass ich (nur) die Multiselect nicht verwenden kann.Wie kann ich ein Kontrollkästchen in eine jQgrid-Header hinzufügen

Dies ist, wie die Spalte Setup ist ...

{name: 'ColName', Label: '', Breite: 50, editierbar: true, sortierbar: false, EditType: "Checkbox" Formatierer: 'Checkbox', formatoptions: {disabled: false}, index: "my_checkbox", EditOptions: {Wert: "Ja": "Nein"}}

Wenn ich das Kontrollkästchen klicken in der Kopfzeile wird die Kopfzeile ohne die Überprüfung neu gezeichnet. Ich kann das Ereignis erfassen, kann es dem Benutzer jedoch nicht anzeigen.

Also meine Frage wäre, wie kann ich ein Kontrollkästchen, um normal in einem Header-Label zu betreiben ODER wie kann ich mehrere Multiselects implementieren.

+1

Der Formatierer: 'Checkbox eingeführt werden in den Spaltenzellen boolean Wert anzuzeigen (nicht im Spaltenkopf) als Ankreuzfeld. Wie möchten Sie das Kontrollkästchen in der Spaltenüberschrift verwenden? – Oleg

Antwort

16

Ich konnte mein Problem beheben, indem ich verhinderte, dass die jQgrid-Ereignisse nach dem Checkbox-Ereignis ausgelöst wurden.

ich meine Checkbox geändert ...

<input type="checkbox" onclick="checkBox(event)" /> 

und fügte hinzu, die folgende Methode ...

function checkBox(e) { 
    e = e||event;/* get IE event (not passed) */ 
    e.stopPropagation? e.stopPropagation() : e.cancelBubble = true; 
} 
+1

Übrigens können Sie Ihre eigene Antwort tatsächlich akzeptieren, damit andere wissen, dass es eine Lösung gibt, wenn sie ein ähnliches Problem haben. – adamjford

+0

ha, lustig. das wusste ich eigentlich nicht. Ich habe es jetzt akzeptiert. – joelnet

Verwandte Themen