부트 스트랩의 총알 레이어를위한 많은 플러그인이 있습니다. 오늘날, 주로 Bootstrap에서 제공하는 모드 창을 통해 구현되는 자체 기능을 사용합니다. 편집자는 주로 사용법을 캡슐화합니다. 개발자는 총알 레이어의 HTML 컨텐츠를 자체적으로 동적으로 전달할 수 있으며 버튼의 디스플레이 및 숨겨질 수 있습니다. 사용자는 MVC 확장 방법을 통해 총알 레이어를 생성 한 다음 A 태그를 사용하여 호출합니다.
사용하기가 매우 쉽습니다
@html.generatedialog ( "test", true, @<div> <form action = "/home/index"> hello world! </form> </div>) <a data-toggle = 'modal'data-target = '#lindmodal'> 총알 레이어 테스트 </a>
위의 코드는 두 조각으로 나뉩니다. 첫 번째는 MVC 확장 방법이며, 주로 페이지의 총알 레이어의 코드 세그먼트를 출력하는 데 사용되는 MVC 확장 방법이며, 두 번째 세그먼트는 A 태그의 호출이며, 이는 주로 총알 레이어 제어를 바인딩하는 데 사용됩니다.
총알 레이어의 확장 방법을 살펴 보겠습니다. Func <String, HelperResult> 대표단을 사용하여 프론트 데스크에서 HTML 코드 스 니펫을 수신합니다. 이것은 개발자에게 축복입니다. HTML 코드를 분류하는 방법에 대해 걱정할 필요는 없지만 프론트 데스크에서 제공 한 코드를 복사합니다.
엘라스토머 층 방법
#region bootstrap Bullet Layer /// <summary> /// bootstrap 스타일의 총알 레이어 /// </summary> /// <param name = "htmlhelper"> </param> // <param name = "isbtn"> </param> /// <param name = "result"> // <Returns> Generatedialog (이 htmlhelper htmlhelper, bool isbtn, func <string, helperresult> result) {return generatedialog (htmlhelper, "세부 사항", isbtn, result);} // bootstrap 스타일의 총알 레이어 // // // // <param. 이름 = "htmlhelper"> </param> /// <param name = "title"> </param> /// <param name = "isbtn"> </param> /// <param name = "result"> </param> // <param name = "result"> </param> /// <returns> </returns> public mvchtml generated generated generated generated htmlhelper, 문자열 제목, bool isbtn, func <string, helperresult> result) {string temple = @"<div class = 'modal fade'id = 'lindmodal'tabindex = '-1'role = 'aria-labelledby ='mymodallabel 'aria-hidden ='modal-dialog '> class = 'modal-content'> <div class = 'modal-header'> <button type = 'button'class = 'close'data-dismiss = 'aria-hidden ='true '> </button> <h4 class ='modal-title 'id ='mymodallabel '> "+title+@"</div> <dival-body-body-body-body-body-body-body-body-body-body-body-body-body-body-body-body-body an. + result.invoke (null) + "</div>"; if (isbtn) {temple + =@"<<div class = 'modal-footer'> <button type = 'button'class = 'btn btn-warning'data-dismiss ='modal '> close </button> <button button'class = 'btn-primary' id = 'subbtn'> 제출 </button> </div> ";} templete +=@"</div> </div> </div> <cript> $ ( '#subbtn'). click (function () {$ ( '#####dialogcontent form'). sump (); </script> "; return mvchtmls.create (templet);그리고 운영의 효과는 우리가 상상할 수있는 것입니다
위는 편집자가 소개 한 부트 스트랩의 캡슐화 된 총알 레이어입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!