bootstrap modal在项目的实现思路
来源:互联网 发布:java期末考试题及答案 编辑:程序博客网 时间:2024/05/20 22:03
原来的做法是var isDelete = confirm(“请确认删除”);if(isDelete==true){}缺点是系统自带的弹出框不好看。
要解决以下问题:
1:由于项目中用typescript,onclick=”xxx()” ngclick=”xxx()”无法调用typescript中的方法,(click)=”xxx()”可以向typescript中的函数传参数
2:网上找的js优化框总是能单独运行,但一放入项目中就没有效果
所有选择了bootstrap的modal完成这功能
3:class=”dropdown-item” href=”javascript:void(0);”
value=”confirm” data-toggle=”modal” data-target=”#mymodal”>删除
###能弹出modal,但一个忧伤的问题是,这只能弹出modal,却没完成删除的功能。
要的效果是,确认删除再删除,如果这里就(click)=”delete()”,等于没用到弹出框
尝试了很多方法,比如让js加载modal,但是$(‘#myModal’).modal(‘handleUpdate’)不能弹出modal。
如果在点击确认后(click)=”xxx(parameter)”,这里的parameter不是想传的参数。
其实可以先在typescript,onclick=”xxx()” ngclick=”passParameter()”传参数,点击确认后再通知typescript中的方法处理,问题解决
阅读全文
0 0
- bootstrap modal在项目的实现思路
- 在BootStrap的modal中使用Select2
- 关于实现在阿里的Antd的Modal上实现动态表的一种思路
- 在Asp.net MVC 使用bootstrap 的modal dialog 实现Popup
- bootstrap modal 在IOS9中不能弹出的问题 IOS 9 bootstrap modal ios 9 noticework
- 关于bootstrap的modal
- 在Bootstrap的Modal form里面添加PartialView
- ueditor在bootstrap的modal中显示,高度无法自适应
- ng中在主页面弹出bootstrap的modal
- Bootstrap Modal的“上一步”,“下一步”切换功能的实现
- angularjs使用bootstrap在modal中使用nav并且不让modal外的数据刷新
- 在rials 中使用bootstrap 的modal对话框 实现一个弹窗显示多层次内容的方法
- Bootstrap的Modal源码学习
- bootstrap-如何在modal中使用collapse
- Bootstrap modal
- Bootstrap-Modal
- BootStrap Modal
- bootstrap modal
- ios自定义状态栏和导航栏
- js经典校验之注册与登录校验
- C++学习之路 day6
- opencv svm分类
- html百度地图使用记录
- bootstrap modal在项目的实现思路
- 二分图最大匹配
- EL表达式取 Map、 List和数组的值
- ananconda安装tensorflow-gpu问题
- android 判断当前线程是否是主线程(UI线程)
- 代码提示(支持3.X和4.X)—ArcGIS API forJavaScript
- 关于测试的那些事
- Day13-43.switch
- SyntaxError: JSON.parse: unexpected character at line 1 column 2 of the JSON火狐