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>

在ASP.NET下使用jQuery UI下的Dialog,服务器端按钮无响应的问题

JQuery下的UI控件似乎是有问题的,某天我从凌晨两点调试一个JQuery Dialog,一直到早上8:00都没有调试出来。当时我在Dialog里面放置了一个服务器按钮,并让按钮和CodeBehin...

如何在ASP.NET MVC 2中使用jQuery UI控件

今天我们要介绍的是在ASP.NET MVC 2中使用jQuery UI控件,其实在在Visual Studio 2010中创建新的MVC 2项目时,实际上已经包括了jQuery核心库。   ...

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

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

在ASP.NET MVC中使用Jquery实现页面局部刷新

需要文件 1、MYMovieController.cs 2、Index.aspx 3、ViewUserControl1.ascx 4、Movie类 MYMovieController...

asp.net Jquery后台数据传到前台js进行解析

我们经常用jquery读取后台数据,后台返回数据。后台数据格式就有很多了,但是js里面没有什么类型之分。所以在解析后台数据的时候,我们需要根据后台的数据情况,特殊处理和对待。我这里后台用的是asp.n...

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

最终效果图如下:

ASP.NET中jQuery调用WebService处理返回结果的方式

在asp.net中利用jQuery+WebService可以轻松的实现页面的ajax效果,但在如何处理WebService的返回值的问题上,很容易犯错误。 以下整理了在javascrip...
  • huajinx
  • huajinx
  • 2012年09月24日 17:13
  • 709

asp.net中使用JQuery的join()传递一个字符串数组到控制器并在后台解析该数组的方法

问题描述: 在上图复选框checkbox中选中多个要删除的专业名称,当点击删除按钮时把选中的专业删除。 要求使用 ajax 实现异步地删除,减少刷新网页的次数。asp.net mvc里前端与后...

asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发4- 后台模板html页面创建

上一篇教程《asp.net mvc+jquery easyui开发实战教程之网站后台管理系统开发3-登录模块开发》完成了本项目的登录模块,登录后就需要进入后台管理首页了,需要准备一个后台模板,本文主要...

基于asp.net JQuery Ajax使用方法[付完整函数]

利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法。 返回Hashtable数据 返回数组 返回int,string等数据类型 (1) 首先引入jquery脚本语言 ...
  • ymnets
  • ymnets
  • 2012年05月31日 14:41
  • 2185
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Asp.net Jquery Dialog 2
举报原因:
原因补充:

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