มีปลั๊กอินมากมายสำหรับเลเยอร์กระสุนของ Bootstrap วันนี้ส่วนใหญ่ใช้ฟังก์ชั่นของตัวเองซึ่งนำไปใช้ผ่านหน้าต่างโหมดที่จัดทำโดย bootstrap ตัวแก้ไขส่วนใหญ่ห่อหุ้มวิธีการใช้งาน นักพัฒนาสามารถส่งผ่านเนื้อหา HTML ของเลเยอร์กระสุนได้ด้วยตัวเองและสามารถควบคุมการแสดงผลและการซ่อนปุ่ม ผู้ใช้สร้างเลเยอร์กระสุนผ่านวิธีการขยาย MVC จากนั้นใช้แท็ก A เพื่อเรียกมัน
ใช้งานง่ายมาก
@html.generatedialog ("ทดสอบ", true, @<div> <form action = "/home/index"> Hello World! </dom> </div>) <a data-toggle = 'modal' data-tatarget = '#lindmodal'> ทดสอบเลเยอร์กระสุน </a>รหัสข้างต้นแบ่งออกเป็นสองชิ้น วิธีแรกคือวิธีการขยาย MVC ซึ่งส่วนใหญ่ใช้เพื่อส่งออกส่วนรหัสของเลเยอร์กระสุนบนหน้าและส่วนที่สองคือการเรียกของแท็ก A ซึ่งส่วนใหญ่ใช้เพื่อผูกการควบคุมเลเยอร์กระสุนด้านบน
มาดูวิธีการขยายของชั้นกระสุน มันใช้ func <string, helperresult> คณะผู้แทนเพื่อรับตัวอย่างรหัส HTML จากแผนกต้อนรับ นี่คือพรสำหรับนักพัฒนา คุณไม่ต้องกังวลเกี่ยวกับวิธีการประกบโค้ด HTML แต่เพียงคัดลอกรหัสที่มอบให้เราโดยแผนกต้อนรับ
วิธีเลเยอร์อีลาสโตเมอร์
#REGION BOOTSTRAP BULLET LAYER /// <summary> /// BOOTSTRAP BULLET LAYER LAYER /// </Summary> /// <param name = "htmlhelper"> </param> /// <param = "isbtn"> </param> /// generatedialog (htmlhelper htmlhelper, bool isbtn, func <string, helperresult> ผลลัพธ์) {return generatedialog (htmlhelper, "รายละเอียด", isbtn, ผลลัพธ์); name = "htmlhelper"> </param> /// <param name = "title"> </param> /// <param name = "isbtn"> </param> /// <param name = "result"> </param> /// <param = "ผลลัพธ์"> </param> /// htmlhelper, ชื่อสตริง, bool isbtn, func <string, helperresult> ผลลัพธ์) {String temple = @"<div class = 'modal fade' id = 'lindmodal' tabindex = '-1' role = 'Dialog' Ariia-LabelledBy = 'MyModallabel' 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'> result.invoke (null) + "</div>"; ถ้า (isbtn) {temple + =@"<div class = 'modal-footer'> <button type = 'button' class = 'btn btn-warning'data-dismiss =' modal ' id = 'subbtn'> ส่ง </button> </div> ";} templete +=@" </div> </div> </div> </script> $ ('#subbtn') คลิก (ฟังก์ชัน () {$ ('#dialogcontent form')และผลกระทบของการดำเนินงานคือสิ่งที่เราสามารถจินตนาการได้
ด้านบนเป็นเลเยอร์กระสุนที่ห่อหุ้มของ bootstrap แนะนำให้คุณรู้จักโดยตัวแก้ไข ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับคุณทันเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!