标签:
本人现在在做的一个项目前台页面是bootstrap,对楼主这种一修改页面就头疼的人来说真的是一个很大的挑战啊,项目中的一个需求是:
一个输入框后面有一个搜索按钮,点击搜索按钮,在这页面上弹出一个小的dialog,并且在这个dialog上显示出来所有的数据,因为对bootstrap不熟悉,
开始并不知道怎么做,后来去查了一下bootstrap的文档才解决了问题,现在将它记录下来,算是积累,也算是分享吧,如下:
首先在主页面上需要有这样一个<div>
在主页面加载的时候是隐藏的,点击如下图所示的按钮时显示
如果你不需要加载数据,那么这样直接点击就可以弹出你需要的dialog,如果你需要加载数据,那么久需要用到下面的方法了。
其中show.bs.modal就是当dialog显示的时候加载的方法,这个bootstrap文档上有,还有隐藏时的只需要把show.bs.modal修改成hide.bs.modal即可,数据加载我使用的ajax,相信大家都会,我就不啰嗦了,后台是S2SH。
方法到这就完了,希望能给大家带来帮助,错误的地方也欢迎大家提出,毕竟我也是小白一枚。
标签:
原文地址:http://www.cnblogs.com/liaidai/p/4332052.html