码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap中弹出dialog并且显示数据

时间:2015-03-12 13:16:15      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:

本人现在在做的一个项目前台页面是bootstrap,对楼主这种一修改页面就头疼的人来说真的是一个很大的挑战啊,项目中的一个需求是:

  一个输入框后面有一个搜索按钮,点击搜索按钮,在这页面上弹出一个小的dialog,并且在这个dialog上显示出来所有的数据,因为对bootstrap不熟悉,

开始并不知道怎么做,后来去查了一下bootstrap的文档才解决了问题,现在将它记录下来,算是积累,也算是分享吧,如下:

首先在主页面上需要有这样一个<div>

技术分享

 

在主页面加载的时候是隐藏的,点击如下图所示的按钮时显示

技术分享

如果你不需要加载数据,那么这样直接点击就可以弹出你需要的dialog,如果你需要加载数据,那么久需要用到下面的方法了。

技术分享

其中show.bs.modal就是当dialog显示的时候加载的方法,这个bootstrap文档上有,还有隐藏时的只需要把show.bs.modal修改成hide.bs.modal即可,数据加载我使用的ajax,相信大家都会,我就不啰嗦了,后台是S2SH。

 

方法到这就完了,希望能给大家带来帮助,错误的地方也欢迎大家提出,毕竟我也是小白一枚。

 

Bootstrap中弹出dialog并且显示数据

标签:

原文地址:http://www.cnblogs.com/liaidai/p/4332052.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!