Frage : JQuery Vorschläge für dynamische Knöpfe im modalen Fenster

Hallo, lassen
I einen Standard für mit Standard-HTML Knöpfe etc.
When einreichen, welches die Seite geladen wird, während eine allein stehende Seite, die dann diese Knöpfe zeigt, fein ist. Ich habe den Index so nur, welches die Form in ein modales Fenster geladen wird, ohne den Rest gebildet. Im modalen Fenster werden die Knöpfe using Jquery Parameter eingestellt.
What, das ich fähig tun sollen möchte, ist, jede mögliche Form using den gleichen Index zu laden, aber, wo es einen HTML-Knopf in der Form findet, es ersetzt es durch einen modalen Fensterknopf und wenn sein ein Unterbreitungknopf, dann er sollte einreicht, wenn er angeklickt wird. Es sollte die HTML-Knöpfe auch verstecken, die sein replacing.

The Grund, warum ich versuche, dieses zu erzielen, ist, also ich das gleiche Javascript wiederverwenden kann, um alle mögliche Formen, die verlangt werden, eher als, eine Funktion für jede Form verursachend zu öffnen und die Knöpfe für jedes gründen.

Cheers
John muss

Antwort : JQuery Vorschläge für dynamische Knöpfe im modalen Fenster

var formButtons = {};
$ („#formtoload gab [type=button] ").each ein (Funktion () {
   $currentButton = $ (dieses);
   $currentButton.hide ();
   formButtons = $.extend ({
      $currentButton.value (): Funktion (Ereignis, ui) {                   
                                      $currentButton.click ();
                                            }
                                       }, formButtons ||{});
});

// addieren einen nahen Knopf der Rückstellung, seit die Form nicht ein vorher hatte.
formButtons = $.extend ({
„Nah“: Funktion (Ereignis, ui) {
                  $ (dieses) .dialog („").remove zerstören ();
            }
      }, formButtons ||{});

// zeigen jetzt den Dialog mit den formButtons, die innen zu geführt werden

Sie können etwas wie dann tun
$ („#formtoload ").dialog ({
            Titel: $ („#formtoload ").attr („Titel“),
            modal: zutreffend,
            Position: „Oberseite“,
            Abschluss: Funktion (Ereignis, ui) {$ (dieses) .dialog („").remove zerstören (); },
            Knöpfe: formButtons
      });