使用jQuery Alert Dialogs Plugin代替JS的confirm时在列表控件中实现
2013-05-16 17:50
691 查看
jQuery Alert Dialogs Plugin 可自定义样式,使弹出提示更乎合你WEB系统的风格
官方例子:
这里可显示你选择的是确定还是取消,可以修改成:
这个是使用callback的方法来实现,但是如果是A链接或Submit按钮,则是两个事件同时触发,也就是你还没选确定或取消A也链接过去了,Submit也提交了,难道真的只能用JS自带的return confirm(‘你确定删除?');吗?
以下是我自己思维解决的,希望有更好的可以联系我!
用一个A链接去控制提交按钮,如果选是则提交,否则不操作。为什么有两个?也可以用A控制A啊?如果是则链接过去,否则不操作啊!因为提交安钮是.net后台生成的,而且在其他控件内,也需要传参数。所以目前我只想到这种方法了。
官方例子:
$("#confirm_button").click( function() { jConfirm('Can you confirm this?', 'Confirmation Dialog', function(r) { jAlert('Confirmed: ' + r, 'Confirmation Results'); }); });
这里可显示你选择的是确定还是取消,可以修改成:
$("#confirm_button").click( function() { jConfirm('Can you confirm this?', 'Confirmation Dialog', function(r) { if(r){//执行确定的操作} }); });
这个是使用callback的方法来实现,但是如果是A链接或Submit按钮,则是两个事件同时触发,也就是你还没选确定或取消A也链接过去了,Submit也提交了,难道真的只能用JS自带的return confirm(‘你确定删除?');吗?
以下是我自己思维解决的,希望有更好的可以联系我!
<asp:Button ID="btnDel" runat="server" Text="删除" CommandName="Del" CommandArgument='<%#Eval("id") %>' Style="display: none;" CssClass='<%#"btnDel"+Eval("Id").ToString()%>' /> <a id="lbtnDel2" href='javascript:doConfirm("你确定要删除?", "删除提示", function(e) {if (e) {$(".btnDel<%#Eval("id") %>").click();}});'>
用一个A链接去控制提交按钮,如果选是则提交,否则不操作。为什么有两个?也可以用A控制A啊?如果是则链接过去,否则不操作啊!因为提交安钮是.net后台生成的,而且在其他控件内,也需要传参数。所以目前我只想到这种方法了。
相关文章推荐
- 【原创】使用blockUI制作自定义的漂亮的网页提示框(代替confirm和alert)
- jQuery验证控件jquery.validate.js使用说明+中文API
- jQuery验证控件jquery.validate.js使用说明+中文API
- 使用JS实现jQuery的addClass, removeClass, hasClass函数功能
- jQuery验证控件jquery.validate.js使用说明
- 使用jquery.cookie.js实现记住用户信息(下面以web的记住登录名和密码为例进行说明)
- JQuery条件下使用 JS方式实现百度地图加载数据库中的坐标并实现动态刷新
- jQuery验证控件jquery.validate.js使用说明+中文API
- Delphi 7下使用VT实现树型列表结合控件
- 使用jquery.form.js实现图片上传的方法
- jQuery验证控件jquery.validate.js的使用介绍
- jQuery验证控件jquery.validate.js使用说明+中文API
- jQuery验证控件jquery.validate.js使用说明+中文API
- 使用webstorm+webpack构建简单入门级“HelloWorld”的应用&&引用jquery来实现alert
- jQuery验证控件jquery.validate.js使用说明+中文API
- jQuery验证控件jquery.validate.js使用说明
- 使用原生js代替jQuery
- 用jquery实现cookie的操作以及创建js数组和遍历js数组,js对象,jquery.json的使用
- jQuery验证控件jquery.validate.js使用说明+中文API