jqGrid benutzerdefinierte Schaltflächen Bearbeiten/löschen Verhalten

Ich bin mit benutzerdefinierten Bearbeiten/löschen Funktionen im jqGrid und ich wirklich genossen die Tatsache, dass Sie rufen Sie Ihre benutzerdefinierten Funktion nach der Prüfung, ob eine Zeile ausgewählt wurde oder nicht.

Nun möchte ich zwei weitere Tasten, und ich würde gerne mit dem gleichen Verhalten zu Bearbeiten/löschen, so dass, wenn eine Zeile ausgewählt ist, meine Funktion aufgerufen werden, aber wenn keine Zeilen ausgewählt wurden, Sie zeigen das Standard-popup, das sagt, "bitte wählen Sie eine Zeile zuerst".

Gibt es eine Möglichkeit, dies zu erreichen? Alternativ, gibt es eine Möglichkeit zum aufrufen der Methode, die aufgerufen wird, die durch das raster selbst?

Dank!

InformationsquelleAutor Lorenzo | 2010-10-11
  1. 4

    Sollten Sie testen, ob eine Zeile ausgewählt ist oder nicht innerhalb der onClickButton Methode Ihrer custom-Taste (siehe Jqgrid: navigation, basierend auf der ausgewählten Zeile als Beispiel). Wenn Sie anzeigen möchten, genau die gleiche Warnung, die Sie sollten Folgen Sie den code aus Verhindert das öffnen von einem Formular auf eine Schaltfläche hinzufügen klicken.

    Alle einfacher, modifizierte ich ein altes Beispiel für Sie. Auf das Beispiel Sie können klicken Sie auf die benutzerdefinierte Schaltfläche "Mein besonderer Aktion" und die Warnung angezeigt, wenn keine Zeile ausgewählt ist. Wenn einige Zeile ausgewählt ist, können Sie etwas tun, mit den Daten aus der ausgewählten Zeile. Statt einige komplexe Aktionen habe ich eine Meldung nur.

    AKTUALISIERT: die Antwort auf Die Fragen "Hinzufügen von jqGrid Benutzerdefinierte Navigation zum Oberen Symbolleiste" kann auch interessant sein für Sie.

    • vielen Dank Oleg. Es funktioniert! Andere Frage: wie die Schaltfläche hinzufügen auf der oberen Symbolleiste, wie Sie beantwortet habe, um mich in dieser Frage? http://stackoverflow.com/questions/3902611/toolbar-in-jqgrid
    • Sie herzlich willkommen! Für das verschieben von Elementen von einem Ort zum anderen können Sie jQuery.insertAfter oder jQuery.insertBefore. Siehe stackoverflow.com/questions/2678904/... für details.
    • Hallo Oleg! Ich denke, das Beispiel ist überschrieben mit einem neuen code 🙁 Könnten Sie bitte post den code für die Archivierung, was diese Frage war in etwa? Es wäre so hilfreich für mich 🙂 Vielen Dank!
    • Sorry, aber was code, den Sie benötigen? Die Antwort zum Beispiel die ich-Referenz in der Antwort, die den code enthält, der die Nutzung navButtonAdd. Was Sie brauchen Sie genau?
    • Ich habe gerade einen Blick auf deine Antwort HIER, aber in der Konsole bekomme ich viewModal is not defined. Ich Kopier einfach die beiden Zeilen, wo Sie rufen den alert-dialog und klebte es in das Skript habe ich ausgeführt, wenn der Benutzer auf die Schaltfläche klickt, und ich sehe keine Zeile ausgewählt ist. Ich musste das gleiche tun wie der Benutzer die Frage, zeigen eine Warnmeldung sagen: "bitte eine Zeile auswählen" oder so etwas wie, dass, wenn der Benutzer auf eine bestimmte Schaltfläche und keine Zeile ausgewählt ist. Ich bin aus meinem computer jetzt, aber ich werde weiter testen, in einer Stunde oder so.
    • Sie verweisen auf sehr alte Antwort. jqGrid geändert seit dem letzten Jahre. Die Methode viewModal ist jetzt $.jgrid.viewModal. Wenn Sie anzeigen wollen, ein einfaches Dialogfeld wie jqGrid tun, dann können Sie $.jgrid.info_dialog zum Beispiel. Siehe hier oder hier.
    • Vielen Dank, ich habe beides ausprobiert und beides funktionierte für mich. Die einzige Sache ist, dass, wenn die Dialoge erscheinen, erscheinen Sie auf der linken Seite des Gitters. Gibt es einen schnellen Weg, um Sie erscheinen zentriert? Das würde passen perfekt in meine webapp 😀
    • Sie sind herzlich willkommen! $.jgrid.info_dialog haben eine Menge von Optionen, die Sie angeben können, in den letzten parameter. Siehe hier. Zum Beispiel left und top option verwendet werden kann. Versuchen $.jgrid.info_dialog("Test Title", "Test message",$.jgrid.edit.bClose, {left: 500, top: 100});
    • Whoa, danke! Ich finde es ein bisschen schwierig zu lernen, javascript/jQuery, wie ich gelernt habe, Sprachen wie Java und C++ vor, und ich bin es gewohnt, finden Sie eine große API (wie Java zum Beispiel), wo ich finden kann, alle Methoden und Beispiele...Aber das jQuery Sachen ist das völlig anders. Vielen Dank für Eure Hilfe, ich habe gesehen, Ihre Antworten in vielen Beiträgen hier im stackoverflow und auch in trirand und Sie ehrlich gesagt einen Unterschied machen, indem Ihr anderen helft 😉
    • Sie sind herzlich willkommen! Ich verstehe Ihre Probleme in JavaScript, jQuery und DOM. Ich hatte die gleichen Probleme vor einigen Jahren, bis ich anfing, ernsthaft zu studieren alle von Ihnen. Die meisten problem, dass Java/C#/C++ - Entwickler annehmen, dass Sie Lesen und verstehen von JavaScript-code, aber in Wirklichkeit haben Sie es falsch verstanden. In der gleichen Weise könnte man produzieren sehr schlecht JavaScript-code aus, wenn man sich nicht verstehen Grundlagen der DOM-wie die Existenz von browser " Umfließen. Man braucht nur einige Zeit verbringen und immer klar bleiben.
    • das könnte gehen ein wenig abseits der ursprünglichen Frage, die Grenzen, aber wenn ich wollte, zum Beispiel, ändern Sie die Größe oder position des der dialog, der erscheint, wenn der Benutzer auf die Schaltfläche suchen, wie würde ich wissen, was zu tun ist? Ich verlange nicht, für die code-Zeilen, aber für den Prozess.. ich möchte lernen, wie zu tun, die ändern von mir, aber ich weiß nicht, wo zu beginnen. Ich denke, zuerst muss man wissen, die id des Elements, aber was dann? Nevermind... ich denke, ich werde einige Bücher Lesen über die grundlegenden DOM-management
    • Im Fall von Such-Taste, die Sie Anrufe searchGrid von jqGrid indirekt. Fügen Sie eine Schaltfläche "Suchen" navigator-bar durch Aufruf von navGrid. Die prmSearch parameter der navGrid können verwendet werden, um vorwärts die Möglichkeit searchGrid. Zum Beispiel $("#grid").jqGrid("navGrid", "#pager", {}, {}, {}, {}, {top: 100, width:550, searchOnEnter: true, closeOnEscape: true, onInitializeSearch: function ($form) {/*some initializing code*/}}).
    • Vielen Dank, ich werde darüber nachdenken, und auch ich werde versuchen zu lernen, über DOM-Grundlagen.. ich möchte nicht das machen, Projekte in Eile, wie dieses, da kann ich nicht ganz verstehen, was ich mache -.-

    InformationsquelleAutor Oleg
Schreibe einen Kommentar