随笔分类 - Bootstrap
摘要:更全的bootstrap教程: http://www.jb51.net/article/84087.htm
阅读全文
摘要:为了上传预览pdf与图片特用此插件。 源码以及API地址: bootstrap-fileinput源码:https://github.com/kartik-v/bootstrap-fileinput bootstrap-fileinput在线API:http://plugins.krajee.com
阅读全文
摘要:普通的询问是否删除的对话框比较low,可以利用bootstrap的模态框代替普通的对话框来实现删除。 效果: 点删除的时候弹出模态框询问是否删除,点确认的时候将需要删除的ID传到后台进行删除。 过程: 1.界面准备删除模态框: 模态框中隐藏需要删除的ID 2.删除按钮: 结构: 3. 删除按钮点击事
阅读全文
摘要:JS用全局变量标记状态,方法中动态修改全局变量以标记状态是一个重要思想。 需求:组合条件查询数据,查询完之后填充到模态框中,开启模态框,模态框中有组合条件查询,此时查询只需要更新模态框表格数据不需要开启模态框,也就是让模态框开启方法执行一次。 (点查询的时候只更新数据不会再次开启模态框) 思想:JS
阅读全文
摘要:完整的参考菜鸟教程:http://www.runoob.com/bootstrap/bootstrap-modal-plugin.html 1.手动开启与关闭模态框的方法 按钮开启与JS函数开启(2种) 2.有时候我们希望点击esc或者点击模态框外部的时候不会关闭 分析: $(‘#myModal’)
阅读全文
摘要:jQuery对其url进行编码:(参考JS对URL编码http://www.cnblogs.com/qlqwjy/p/7435054.html) 后台对接收的参数进行解码: 上面的getTag标志是get方式提交,需要进行解码,如果为post提交不进行解码条件。 对提交的英文与数字参数不需要进行解码
阅读全文
摘要:1. JSP页面中准备模态框 2.准备点击请求json数据的按钮(带着id请求数据) 3.JS处理按钮点击事件 4.后台接收请求返回JSON 结果: 5.最终效果: {"id":16,"name":"测试名称16","address":"测试地址2","department":"测试部门2","un
阅读全文
摘要:bootstrap通过引入bootstrap的JS与css文件,给元素添加class属性即可。 使用图标只需要加入一个span,class属性设置为对应的图标属性即可。图标对应的class属性可以参考菜鸟教程: http://www.runoob.com/bootstrap/bootstrap-gl
阅读全文
摘要:模态框中显示一些基本的数据以及触发一些基本的JS函数
阅读全文
摘要:在一个页面显示多个模态框时要讲每个模态框用div包裹起来,否咋会产生格式错误。
阅读全文