Es gibt viele Plug-Ins für die Kugelschicht von Bootstrap. Heute verwendet es hauptsächlich seine eigenen Funktionen, die über das von Bootstrap bereitgestellte Modusfenster implementiert werden. Der Editor ist hauptsächlich die Verwendungsmethode zusammenfasst. Entwickler können den HTML -Gehalt der Kugelschicht selbst dynamisch übergeben und die Anzeige und das Verstecken von Tasten steuern. Benutzer generieren die Kugelschicht über die MVC -Erweiterungsmethode und verwenden dann das A -Tag, um sie aufzurufen.
Es ist sehr einfach zu bedienen
@Html.generatedialog ("test", true, @<div> <form action = "/home/index"> Hallo Welt!Der obige Code ist in zwei Teile unterteilt. Die erste ist die MVC -Erweiterungsmethode, die hauptsächlich zum Ausgabe des Codesegments der Kugelschicht auf der Seite verwendet wird, und das zweite Segment ist der Ruf des A -Tags, das hauptsächlich zur Bindung der oben genannten Kugelschichtregelung verwendet wird.
Schauen wir uns die Erweiterungsmethode der Kugelschicht an. Es verwendet die Func <String, HelperResult> Delegation, um HTML -Code -Snippets von der Rezeption zu erhalten. Dies ist ein Segen für Entwickler. Sie müssen sich keine Sorgen machen, wie Sie HTML -Code spleißen, sondern nur den Code, der uns an der Rezeption gegeben wird.
Elastomer -Schichtmethode
#Region Bootstrap Bullet Layer /// <summary> /// Bootstrap Style Bullet Layer // </summary> /// <param name = "htmlHelper"> </param> /// <param name = "isbtn"> </// <param name = "result". Htmlhelper htmlhelper, bool isBtn, func <String, HelperResult> Ergebnis) {return generateIialog (htmlHelper, "Details", ISBTN, Ergebnis);} /// <summary> // bootstrap-Style Bullet Layer // </summary> /// <paramname name = "title"> </param> /// <param name = "isBtn"> </param> /// <param name = "result"> </param> /// <param name = "result"> </param> /// <Reting> </returns> public static mvchtmlstring generategarg (this htmlHlhelper htmlhelper htmlhelper htmlhelper htmlhelper htmlhelper htmlhelper htmlhelper htmlhelper htmlhelper htmlhelper, boo HelperResult> Ergebnis) {String temple = @"<div class = 'modal fade' id = 'lindmodal' tabIndex = '-1' rollen = 'dialog' aria-labelledby = 'myModallabel' aria-versteckt = 'true'> <div class = 'modal-dialog'> modal class 'modal' modal 'modal' modal '> modal'> modal '> modal'> modal '> modal'> modal '> modal'> modal '> modal'> modal '> modal'> modal '> bog-Typ'> modal '> modal'> modal '> modal'> modal '> modal'> modal '> modal'> modal '> modal'> modal’ bog. class = 'close' data-dismiss = 'modal' aria-hidden = 'true'> × </button> <h4 class = 'modal-title' id = 'myModallabel'> " + title +@" </h4> </div> <div class = 'modal-body' id = 'dialogcontent'> " + ter. +=@"<div class='modal-footer'><button type='button' class='btn btn-warning'data-dismiss='modal'>Close</button><button type='button' class='btn btn-primary' id='subBtn'>Submit</button></div>";}templete +=@"</div> </div> </div> <script> $ ('#subbtn'). cLICK (function () {$ ('#dialogContent Form'). subled ();}); </script>";Und die Wirkung des Betriebs ist das, was wir uns vorstellen können
Das obige ist die eingekapselte Kugelschicht von Bootstrap, die Ihnen vom Editor vorgestellt wurde. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!