`
zccst
  • 浏览: 3319631 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

yii与独立load和dialog

 
阅读更多
一、Yii与独立load请求
load(url, [data], [callback])

概述:
载入远程 HTML 文件代码并插入至 DOM 中。
默认使用 GET 方式 - 传递附加参数时自动转换为 POST 方式。jQuery 1.2 中,可以指定选择符,来筛选载入的 HTML 文档,DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。请查看示例。


参数:
url  String              待装入 HTML 网页网址。
data  (可选)Map,String   发送至服务器的 key/value 数据。在jQuery 1.3中也可以接受一个字符串了。
callback (可选)Callback  载入成功时回调函数。


示例:
1,加载 feeds.html 文件内容。
$("#feeds").load("feeds.html");

2,同上,但是以 POST 形式发送附加参数并在成功时显示信息。
$("#feeds").load("feeds.php", {limit: 25}, function(){
   alert("The last 25 entries in the feed have been loaded");
});




二、jquery dialog
官方地址:http://jqueryui.com/demos/dialog/
<script>
$(function() {
$( "#dialog" ).dialog();
});
</script>


<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>




三、在yii中,将load与dialog结合起来,实现弹出对话框
1,简单对话框(只展示)
$(".wait_man_btn1").click(function(){
	var _self = this;
	var id = $(this).attr("name");
		
	var url = OMS.baseUrl + "?r=failParts/showFailInfoDetail";
	var wait_man_btn1_div = $("#wait_man_btn1_div").length == 0 ? $("<div id='wait_man_btn1_div'></div>").appendTo("body") : $("#wait_man_btn1_div");

	$("body").showLoading();
	wait_man_btn1_div.load(url, {"repair_info_id": id}, function(){
		$("body").hideLoading();

		$(this).dialog({
			title: "该报修邮件(id=" + $(_self).attr("name") + ")包含的故障信息详情",
			width: 800,
			close: function() {$(this).dialog('destroy').remove();}
		});
	});
});


2,复杂对话框(带表单提交)

// 发起审批动作
	$(".wait_man_btn2").click(function(){	
		var url = OMS.baseUrl + "?r=failParts/startApprove"; 
		$("<div id='start_approve_div'></div>").appendTo('body').load(url,{"repair_info_id":$(this).attr("name")},function(){
			$(this).dialog({
				title:"发起人员入室申请",
				width:650,
				buttons:{
					"取消":function(){
						$(this).dialog("close");
					},
					"确定":function(){
						if(!confirm("确定要发起入室审批吗?")){
							return false;
						}

						var repair_id = $("#apply_repair_info_id").val();
						
						// 机房名称
						var idc_name = $("#apply_idc_name").val();
						
						// 上门时间和离开时间
						var visit_time = $('#RepairInfo_visit_time').val();
						var leave_time = "";
						if( $('#RepairInfo_leave_time').val() ){
							leave_time = $('#RepairInfo_leave_time').val();
						}
						
						// 入室人员
						// return false;
						
						// 楼层
						var str="";
						$("input[name='cb_floor']:checkbox:checked").each(function(){
							str += $(this).val()+",";
						});
						str = str.substr(0, str.length-1);
						
						// 上门原因
						var reason = $("#apply_reason").val();
						
						// 备注
						var remark = $("#apply_remark").val();
						
						/****  post 请求  *****/
						var to_post_data = {};
						to_post_data['idc_name']       = idc_name;
						to_post_data['visit_time']     = visit_time;
						if(leave_time){
							to_post_data['leave_time'] = leave_time;
						}
						to_post_data['floors']         = str;
						to_post_data['worker']         = "jx111";
						to_post_data['reason']         = reason;
						to_post_data['remark']         = remark;
						to_post_data['repair_id']      = repair_id;
						
						var url2 = OMS.baseUrl + "?r=failParts/approveSubmit";
						
						$.post(url2, to_post_data, function(data){
							if(data.status == 0){
								// alert('恭喜,确认成功!');
								window.location.href=OMS.baseUrl+"?r=failParts/waitApproval";
							}
						},'json');
					}
				},
				close:function(){$(this).dialog('destory').remove();}
			});
		});
	});
分享到:
评论

相关推荐

    yii2-dialog:一种扩展,用于包装Yii 2.0框架的bootstrap3-dialog

    Yii Framework 2.0的小部件组件,可轻松配置和初始化弹出通知对话框。 它为本机javascript警报,确认和提示对话框提供了一个polyfill。 它包括对通过呈现丰富对话框的内置支持,这使得使用Bootstrap的模态对猴子更...

    yii框架中文手册教程和YII模板

    本教程将深入探讨Yii框架的核心概念和使用方法,同时提供一份中文手册教程,以便于中文使用者更好地理解和应用。 首先,Yii框架的核心特性包括MVC(模型-视图-控制器)设计模式、Active Record ORM(对象关系映射)...

    yii框架中文文档、yii中文手册教程

    1. **安装与配置**:介绍如何在服务器上安装Yii,以及设置基本的项目环境。 2. **快速入门**:通过一个简单的“Hello, World!”示例来引导开发者了解Yii的基本结构和工作原理。 3. **基础概念**:详细讲解MVC模式,...

    Yii权威指南思维导图

    CModule代表了一个模块,它是可独立部署和复用的代码单元,可以包含控制器、模型、视图等。 在Yii中,数据库操作主要由 CActiveRecord 类完成,它是实现Active Record设计模式的一个实例。Active Record允许开发者...

    Yii 2中的load()和save()示例详解

    在Yii 2中,`load()` 和 `save()` 是两个非常重要的方法,主要用于处理用户输入数据的加载和持久化存储。 `load()` 方法是用来将请求数据(通常是HTTP请求中的POST或GET数据)加载到模型对象中。这个方法接收两个...

    yii2swoole让yii2运行在swoole上

    1. **Yii2框架与Swoole的集成**:Yii2swoole是将Yii2框架与Swoole进行整合的扩展,允许Yii2应用利用Swoole的高性能特性。它提供了在Swoole环境下运行Yii2的基础设施,包括请求处理、事件监听、session和cookie管理等...

    Yii 2文件下载

    从标签"Yii 2.0"我们可以确认,这个压缩包的内容与Yii框架的第二个主要版本有关。 压缩包子文件的文件名称列表只给出了一项:"yii2-2.0.0",这很可能是指Yii 2.0的第一个稳定版本。通常,这个版本会包含框架的核心...

    深入理解Yii2.0

    采用的方式是分析框架的源代码,尝试从根上进行理解和阐述,并融入个人使用Yii开发的一些经验和教训。 通过本书,你将不仅仅了解到Yii怎么使用的实操技巧,还将掌握其实现的技术原理和内幕。 更为重要的是,接触...

    yii1.1.10 开发包(包含yii权威指南以及yii博客例子讲解)

    这个开发包包含了Yii框架的核心库、相关的文档和一个具体的博客应用实例,这对于初学者和有经验的开发者来说都是极好的学习资源。 首先,让我们深入了解一下Yii框架的核心特性: 1. **性能优化**:Yii 使用缓存...

    yii-1.0.4.r920

    10. 国际化与本地化:Yii 支持多语言环境,可以轻松实现应用的国际化和本地化,满足全球用户的需求。 11. 性能优化:Yii 有内置的性能监控和调试工具,如 Gii(代码生成工具)和 Debug Toolbar,帮助开发者定位性能...

    yii2 通用后台系统

    Yii2 的 `yii\log` 组件可以帮助记录和分析系统运行中的事件和异常,而 `yii\swiftmailer` 可以方便地发送邮件通知。API接口开发则可以利用Yii2的RESTful特性,快速构建符合REST原则的API,方便前后端分离的项目开发...

    yii-1.1.8.r3324

    7. **社区与文档**:Yii 拥有活跃的社区和详尽的文档,开发者可以在遇到问题时获得帮助,快速学习和上手。 8. **扩展性**:Yii 的组件化设计使得开发者可以轻松地复用代码,或者通过 Composer 安装第三方扩展来增强...

    yii的小部件使用

    ### yii的小部件使用 在Yii框架中,小部件(Widgets)是用于封装并重用页面元素的一种机制。本文主要探讨如何在Yii框架中...同时,通过本篇介绍的方法,我们也能更好地理解和掌握Yii框架中的一些核心概念和技术细节。

    YII2框架代码

    高级版分为前端和后端两个独立的应用,每个应用都有自己的入口脚本、控制器、模型和视图,以及独立的配置,可以更好地分离用户界面和业务逻辑。 三、核心特性 1. MVC设计模式:YII2遵循MVC模式,将业务逻辑、数据...

    Yii框架快速入门

    2. **视图独立性**:视图层负责展示数据,与模型和控制器分离,使得同一应用可以适应不同的展示环境,如桌面浏览器、移动设备或特定的客户端软件。 3. **代码重用**:控制器层管理业务逻辑,通过模块化设计实现代码...

    YII-1.1.8中文手册

    这个"YII-1.1.8中文手册"是针对Yii 1.1.8版本的官方文档的中文翻译,旨在帮助中国开发者更好地理解和使用Yii框架。在阅读这份手册之前,首先需要了解一些基本的Web开发知识和PHP编程基础。 Yii 1.1.8是该框架的一个...

    yii框架中文手册教程

    1. 基于组件的设计:Yii框架采用组件化的设计模式,这意味着整个框架由多个可复用的组件构成,每个组件可以独立使用或配合其他组件完成特定的功能。这种设计让开发者能够灵活地组合和构建复杂的Web应用。 2. 高性能...

    Yii2.0打造京东商城平台PHP电商实战Yii2.0视频教程

    Yii2.0级基于Yii1.X完全重写的,不仅是小版本升级的升级。所以想要系统学习Yii2.0这个框架这套教程可以从实战项目带你入手。不错的学习YII框架的基础课程,电商系统的结构完整、框架资源太大,传百度网盘了,链接在...

    yii源码

    Yii 2是基于组件的,这意味着很多功能都是由独立的、可重用的组件组成,开发者可以灵活地调整和替换这些组件来满足项目需求。 在"yii2-app-advanced-master"这个压缩包中,包含了一个高级模板应用,它是Yii 2的典型...

Global site tag (gtag.js) - Google Analytics