- 时间:2022-01-27 12:02 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:Bootstrap 模态框(Modal)带参数传值实例
模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。
为了实现父窗体与其的交互,通常需要向其传值,实现带参数的传递,查看数据的唯一性。例如下面窗体:点击任意一个模态框("回复"按钮),如果不做任何处理,则会出现回复混淆,甚至程序出错的情况。
[img]http://files.jb51.net/file_images/article/201708/2017082011542710.png[/img]
为了实现其回复的唯一性和带参传值的功能,需要做以下处理
[img]http://files.jb51.net/file_images/article/201708/2017082011542811.png[/img]
[img]http://files.jb51.net/file_images/article/201708/2017082011542812.png[/img]
[img]http://files.jb51.net/file_images/article/201708/2017082011542813.png[/img]
实现的效果:
[img]http://files.jb51.net/file_images/article/201708/2017082011542814.png[/img]
总结
以上所述是小编给大家介绍的Bootstrap 模态框(Modal)带参数传值实例,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!