Asp.net Jquery Dialog 2

转载 2013年12月02日 16:56:21

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

    <title>Untitled Page</title>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

    <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>

    <link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/start/jquery-ui.css" rel="stylesheet" type="text/css" />

 <script type="text/javascript">
    function openModalDiv(divname) {
        $('#' + divname).dialog({
                autoOpen: false,

                buttons: {

                    Ok: function () {

                        $("[id*=Button1]").click();

                    },

                    Close: function () {

                        $(this).dialog('close');

                    }

                }

           });
        $('#' + divname).dialog('open');
        $('#' + divname).parent().appendTo($("form:first"));
    }

    function closeModalDiv(divname) {
        $('#' + divname).dialog('close');
    }
</script>


</head>

<body>

    <form id="form1" runat="server">

 <input id="Button3" type="button" value="Open 1" onclick="javascript:openModalDiv('Div1');" />

    <div id="dialog" style="display:none">

    Click OK to do PostBack!

    </div>

 <div id="Div1" title="Basic dialog" style="display:none">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
       <ContentTemplate>
          postback test<br />
   <input id="Ok" type="text" value="OK"/>
        </ContentTemplate>
    <asp:UpdatePanel>
</div>

    <asp:Button ID="Button1" runat="server" Text="Button" style = "display:none" OnClick = "Button1_Click" />

    </form>

</body>

</html>

相关文章推荐

创建联动的 DropdownList in ASP.net MVC 3 and jQuery (2)

1. AjaxBindDropdownlistController.cs using System; using System.Collections.Generic; using Syst...

JQuery FlexiGrid的asp.net完美解决方案-dotNetFlexGrid使用指南(二)服务端查询、快速查询和Html模板

====================================================== 注:本文源代码点此下载 =============================...

Jquery 调用asp.net ajax (web service/static page method)的示例(二)---复杂参数

示例二(复杂参数的情况)     对于这种情况下的调用,客户端使用到一个小技巧,即:创建DTO 对象 (Data transfer object  ),个人常称之为 JSON包装对象 前台页面...

ASP.NET Ajax和Jquery Ajax实例

在图书信息管理系统中,用到了Ajax和JQueryAjax,算是都体验了一把。刚开始用的时候很陌生,迟迟不敢下手。但是不动手什么时候也成功不了,就上网找例子,照着敲吧。当然,中间也遇到了一些小的错误,...

jQuery.ajax()调用asp.net后台方法

利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法:详细参考:http://www.cnblogs.com/zxhoo/archive/2011/01/30/1947752.h...

在asp.net中使用jquery.uploadify-3.1实现上传

using System; jquery.uploadify-3.1是基于jquery的一款文件上传插件 插件下载地址:http://www.uploadify.com/wp-content/...
  • wxnjob
  • wxnjob
  • 2012-08-27 13:58
  • 3028

ASP.NET+JQuery+.Ashx实现+百度Echarts 实现动态柱状图数据图形报表的统计

最终效果图如下:

利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。

先来个简单的实例热热身吧。 1、无参数的方法调用 asp.net code: using System.Web.Script.Services;         [WebMethod]...

通过jQuery调用ASP.NET的AJAX

传统上,在ASP.NET页面中实现AJAX的方法是拖放一个ScriptManager控件,并进行一系列的设置和相关编程。但事实上,这并不是理想的解决方案。使用jQuery来调用ASP.NET后台的方法...

JQuery Ajax 在asp.net中使用总结

JQuery Ajax 在asp.net中使用总结自从有了JQuery,Ajax的使用变的越来越方便了,但是使用中还是会或多或少的出现一些让人短时间内痛苦的问题。本文暂时总结一些在使用JQuery ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)