Il existe de nombreux plug-ins pour la couche de balle de bootstrap. Aujourd'hui, il utilise principalement ses propres fonctions, qui sont implémentées via la fenêtre de mode fournie par bootstrap. L'éditeur résume principalement la méthode d'utilisation. Les développeurs peuvent passer dynamiquement dans la teneur en HTML de la couche de balle par eux-mêmes, et peuvent contrôler l'affichage et la cachette des boutons. Les utilisateurs génèrent la couche de balle via la méthode d'extension MVC, puis utilisez la balise A pour l'appeler.
C'est très facile à utiliser
@ Html.generateDialog ("test", true, @ <div> <form action = "/ home / index"> bonjour world! </form> </div>) <a data-toggle = 'modal' data-target = '# lindmodal'> tester la couche de balle </a>Le code ci-dessus est divisé en deux pièces. Le premier est la méthode d'extension MVC, qui est principalement utilisée pour sortir le segment de code de la couche de balle sur la page, et le deuxième segment est l'appel de la balise A, qui est principalement utilisé pour lier le contrôle de la couche de balle ci-dessus.
Jetons un coup d'œil à la méthode d'extension de la couche de balle. Il utilise la délégation Func <String, HelperResult> pour recevoir des extraits de code HTML de la réception. C'est une bénédiction pour les développeurs. Vous n'avez pas à vous soucier de la façon d'épisser le code HTML, mais copiez simplement le code qui nous est donné par la réception.
Méthode de la couche élastomère
#Region Bootstrap Bullet Layer /// <summary> /// Bootstrap Style Bullet Layer /// </ résumé> /// <param name = "htmlhelper"> </ param> /// <param name = "ISBTN"> </ param> /// <param name = "Result"> </ paramstring Généradialog (Ce htmlhelper htmlhelper, bool isbtn, func <string, helperresult> result) {return generatealialog (htmlhelper, "details", isbtn, result);} /// <summary> /// bootstrap style Bullet couer // </ sommary> /// <Param <param. name = "htmlhelper"> </ param> /// <param name = "title"> </ param> /// <param name = "ISBTN"> </amor> /// <param name = "result"> </ param> /// <param name = "Result"> </ Param> /// <feers> </ retourne> public static mvchtmlString htmlHelper, string title, bool isBtn, Func<string, HelperResult> result){string temple = @"<div class='modal fade' id='LindModal' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' aria-hidden='true'><div class='modal-dialog'><div class='modal-content'><div class='modal-header'><button type='button' class='close' data-dismiss='modal' aria-hidden='true'>×</button><h4 class='modal-title' id='myModalLabel'>"+title+@"</h4></div><div class='modal-body' id='dialogContent'>" + result.invoke (null) + "</div>"; if (isbtn) {temple + = @ "<div class = 'modal-footer'> <button type = 'Button' class = 'btn btn-warning'data-dismmiss =' modal '> close </ bouton> <bouton type =' Button 'class =' btn btn-primary ' id = 'subbtn'> soumettre </futton> </div> ";} templete + = @" </div> </div> </div> <script> $ ('# subbtn'). Cliquez sur (fonction () {$ ('# dialogContent Form').Et l'effet de l'opération est ce que nous pouvons imaginer
Ce qui précède est la couche de balle encapsulée de bootstrap qui vous est présentée par l'éditeur. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!