chenxueyong 发表于 2013-1-29 07:29:47

让ymPrompt和asp.net配合的方法

<div class="cnt">ymPrompt是一个很好用的替换网页确定和取消对话框的脚本.有了它我们可以弹出很漂亮的对话框.用在asp.net里要做点小技巧.原因是button的onclientclick没等用户确定就提交了.
     处理的方法关键在于回发,button类型,handler的配置.直接在button1里写是不行的,那样就马上提交了.方法就是在提交前进行确认,然后由回调函数提交表单.因为dopost客户端脚本在有不是button和imagebutton等回发控件的情况下才会触发,所以加一个usesubmitbehavior属性,让客户端有dopost脚本.谁感兴趣就做个控件吧. 最后就是把按钮隐藏了.
<div class="cnblogs_code">http://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif实例代码
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif<%http://www.cnblogs.com/Images/dot.gif@ Page Language="C#" AutoEventWireup="true" Codebehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif
http://www.cnblogs.com/Images/OutliningIndicators/None.gif<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.cnblogs.com/Images/OutliningIndicators/None.gif<html xmlns="http://www.w3.org/1999/xhtml">
http://www.cnblogs.com/Images/OutliningIndicators/None.gif<head runat="server">
http://www.cnblogs.com/Images/OutliningIndicators/None.gif    <title>Untitled Page</title>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif    <script type="text/javascript" src="ymPrompt.js"></script>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif    <link rel="stylesheet" type="text/css" href="ymPrompt.css" />
http://www.cnblogs.com/Images/OutliningIndicators/None.gif    
http://www.cnblogs.com/Images/OutliningIndicators/None.gif</head>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif<body>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif    <form id="form1" runat="server">
http://www.cnblogs.com/Images/OutliningIndicators/None.gif        <div>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif            <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" UseSubmitBehavior="false" style="display:none;" />
http://www.cnblogs.com/Images/OutliningIndicators/None.gif            <input id="Button2" type="button" value="button" onclick="ymPrompt.confirmInfo({message:'信息确认框功能测试',handler:handler})" />
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif            <script type="text/javascript">http://www.cnblogs.com/Images/dot.gif
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif        var handler=function()http://www.cnblogs.com/Images/dot.gif{
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif             __doPostBack('Button1','');
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif         }
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif    </script>
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif   <%http://www.cnblogs.com/Images/dot.gif-- http://www.ajaxbbs.net/test/ymPrompt4.0/demo.html--%>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif            <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif        </div>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif    </form>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif</body>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif</html>
页: [1]
查看完整版本: 让ymPrompt和asp.net配合的方法