`
Donald_Draper
  • 浏览: 984730 次
社区版块
存档分类
最新评论

Jquery UI,Dialog,Ajax

    博客分类:
  • JS
阅读更多
$("#dialog").dialog({
      resizable: false,
      height:140,
      width:200,
      modal: true,
      buttons: {
	        "确定删除": function() {
	          $.ajax({
                        type: "POST",  
                        url: "networkArea/getState.do",  
                        data: {"msg":"getState","flag":1},  
                        dataType: "json",//服务器返回内容格式  
                        success: function(data){  
        	            //var result = JSON.parse(data); 
        	           //alert(data.networkState);
        	           if(data.networkState==1){
        		   $("#networkState").css("color","green");
        		   $("#networkState").text("On");
        	              }
                            }
			});
			  $( this ).dialog( "close" );
	        },
	        Cancel: function() {
	          $( this ).dialog( "close" );
	        }
          }
       }); 
分享到:
评论

相关推荐

    jquery ui dialog 扩展

    这篇内容将深入探讨jQuery UI Dialog的扩展,包括如何自定义行为、增强功能以及与其他技术(如Ajax)的集成。 首先,Dialog是jQuery UI库中的一个核心组件,它基于jQuery框架,提供了一种优雅的方式来创建可交互的...

    jquery ui中的dialog

    **jQuery UI中的Dialog组件** jQuery UI是一个功能丰富的JavaScript库,它提供了许多用户界面元素,如对话框(Dialog)、拖放(Draggable)、可排序(Sortable)等。在这些元素中,Dialog是创建弹出式窗口或模拟...

    JQuery UI 实现Ajax提交详细步骤

    本篇文章将详细讲解如何使用DWZ和JQuery UI来实现Ajax提交,涵盖增、删、改、查这四种基本操作。 **1. 添加记录** 在DWZ中,添加新记录通常涉及以下几个步骤: - **触发事件**:通过点击用户列表中的“添加”按钮...

    AjaxForm_JqueryUI

    在Web开发领域,AjaxForm与JqueryUI Dialog的结合使用是一种常见的增强用户体验的技术。这个名为"AjaxForm_JqueryUI"的示例项目很显然是为了演示如何将这两种技术整合在一起,以便在不刷新整个页面的情况下,实现...

    AjaxForm_JqueryUI例子

    在这个例子中,它们被结合起来,创建了一个利用AJAX更新页面内容,并通过JqueryUI Dialog展示的交互体验。 首先,让我们详细了解每个组件: 1. **AjaxForm**:这是一个jQuery插件,它允许表单以AJAX方式提交,即在...

    jQuery UI Autocomplete是jQuery UI的自动完成组件

    在lwme-jqueryui-demo这个压缩包中,可能包含了多个示例文件,它们展示了Autocomplete的不同用法和配置,可以帮助开发者更好地理解和运用这个组件。通过学习这些示例,你可以掌握如何根据项目需求灵活定制...

    很强大的jQuery UI

    7. **Ajax支持**:结合jQuery的Ajax功能,jQuery UI可以创建异步交互的界面,提升用户体验。 8. **无障碍访问**:jQuery UI组件遵循Web内容可访问性指南(WCAG),确保残障人士也能方便地使用。 9. **文件结构**:...

    jQuery UI仿webqq桌面系统WebOS界面操作

    jQuery UI是一个强大的JavaScript库,它扩展了基础的jQuery功能,提供了丰富的用户界面组件,如对话框(Dialog)、拖放(Draggable)、可排序(Sortable)和可折叠(Accordion)等。在这个项目中,jQuery UI被用来...

    jQuery通用dialog对话框 popup提示信息窗口插件demo

    jQuery Dialog是jQuery UI库中的一个组件,它提供了一种灵活的方式来创建弹出式对话框,可以用于显示各种内容,如警告、确认、信息等。Dialog插件允许开发者自定义样式、大小、位置、行为,以及与其他jQuery UI组件...

    jQueryUI V1.12.1

    1. **部件(Widgets)**:jQueryUI提供了许多预先封装好的UI部件,如日期选择器(Datepicker)、滑块(Slider)、对话框(Dialog)、进度条(Progressbar)、下拉菜单(Autocomplete)等。这些部件都具有高度可定制...

    jquery和jqueryUI最新1.7.3(含vs智能提示文件)

    jQuery 和 jQuery UI 是两个非常重要的 JavaScript 库,广泛应用于网页开发中,以简化 DOM 操作、事件处理、动画效果和 AJAX 交互。本资源提供的版本是 jQuery 1.7.3 和 jQuery UI 的对应版本,这在发布时是最新版,...

    jquery ui-1.12.1.custom

    首先,jQuery UI 1.12.1 是一个稳定且广泛使用的版本,它包含了众多组件,如日期选择器(Datepicker)、对话框(Dialog)、拖放(Draggable)、可排序(Sortable)和可堆叠(Stackable)等。这些组件极大地提高了...

    jquery弹出框插件jquery.ui.dialog用法分析

    <link href="/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="/ajax/libs/jquery/1.5/jquery.min.js"> <script src="/ajax/libs/jqueryui/1.8/jquery-ui....

    jquery API 和 jquery ui API

    1. **部件(Widgets)**:jQuery UI 包含了如日期选择器(DatePicker)、对话框(Dialog)、进度条(Progressbar)、滑块(Slider)等部件。每个部件都有其特定的API供开发者调用和配置。 2. **特效(Effects)**:...

    jquery-ui-1.11.4完整版

    《jQuery UI 1.11.4完整版详解》 jQuery UI 是一款基于JavaScript库jQuery的用户界面插件集合,提供了丰富的交互效果和可自定义的主题。本文将深入解析jQuery UI 1.11.4这个版本,涵盖其核心功能、组件、应用场景...

    jquery.dialog.js 经典弹出框附案例代码

    `jQuery.dialog.js`是基于jQuery库的一个经典弹出框插件,它为网页开发者提供了方便、灵活的对话框功能。这个插件使得在网页中创建模态或非模态的对话框变得轻而易举,无需复杂的HTML和CSS布局,大大简化了前端交互...

    jquery实现Dialog,拖动,渐变,进度条,Tab页

    要使用Dialog,首先需要引入jQuery UI库,然后通过以下代码初始化Dialog: ```html <div id="dialog" title="基本对话框"> 这是Dialog的内容。 $(function() { $("#dialog").dialog(); }); ``` 你可以设置...

    jQuery UI(java)

    - 在Java Web应用中,jQuery UI通常与服务器端框架如Spring MVC、Struts2等配合使用,通过AJAX技术实现前后端交互,更新页面内容而无需刷新整个页面。 - 使用JSON或XML格式传输数据,jQuery UI组件能接收并处理...

    18、jQuery弹出对话框jQuery插件Dialog

    jQuery Dialog是jQuery UI库中的一个核心组件,它提供了一种优雅的方式来实现弹出对话框功能。这个插件允许开发者创建可自定义的模态或非模态窗口,用于显示警告、确认信息、输入数据或者展示丰富的内容。在网页交互...

    Jquery UI Demo 框架

    在jQuery UI Demo框架中,通常会利用AJAX(Asynchronous JavaScript and XML)技术与服务器进行通信,实现数据的增(Add)、删(Delete)、改(Update)和查(Query)操作。以下是一些关键步骤: - **查询(Query)...

Global site tag (gtag.js) - Google Analytics