一、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();}
});
});
});
分享到:
相关推荐
Yii Framework 2.0的小部件组件,可轻松配置和初始化弹出通知对话框。 它为本机javascript警报,确认和提示对话框提供了一个polyfill。 它包括对通过呈现丰富对话框的内置支持,这使得使用Bootstrap的模态对猴子更...
本教程将深入探讨Yii框架的核心概念和使用方法,同时提供一份中文手册教程,以便于中文使用者更好地理解和应用。 首先,Yii框架的核心特性包括MVC(模型-视图-控制器)设计模式、Active Record ORM(对象关系映射)...
CModule代表了一个模块,它是可独立部署和复用的代码单元,可以包含控制器、模型、视图等。 在Yii中,数据库操作主要由 CActiveRecord 类完成,它是实现Active Record设计模式的一个实例。Active Record允许开发者...
在Yii 2中,`load()` 和 `save()` 是两个非常重要的方法,主要用于处理用户输入数据的加载和持久化存储。 `load()` 方法是用来将请求数据(通常是HTTP请求中的POST或GET数据)加载到模型对象中。这个方法接收两个...
1. **Yii2框架与Swoole的集成**:Yii2swoole是将Yii2框架与Swoole进行整合的扩展,允许Yii2应用利用Swoole的高性能特性。它提供了在Swoole环境下运行Yii2的基础设施,包括请求处理、事件监听、session和cookie管理等...
从标签"Yii 2.0"我们可以确认,这个压缩包的内容与Yii框架的第二个主要版本有关。 压缩包子文件的文件名称列表只给出了一项:"yii2-2.0.0",这很可能是指Yii 2.0的第一个稳定版本。通常,这个版本会包含框架的核心...
采用的方式是分析框架的源代码,尝试从根上进行理解和阐述,并融入个人使用Yii开发的一些经验和教训。 通过本书,你将不仅仅了解到Yii怎么使用的实操技巧,还将掌握其实现的技术原理和内幕。 更为重要的是,接触...
这个开发包包含了Yii框架的核心库、相关的文档和一个具体的博客应用实例,这对于初学者和有经验的开发者来说都是极好的学习资源。 首先,让我们深入了解一下Yii框架的核心特性: 1. **性能优化**:Yii 使用缓存...
10. 国际化与本地化:Yii 支持多语言环境,可以轻松实现应用的国际化和本地化,满足全球用户的需求。 11. 性能优化:Yii 有内置的性能监控和调试工具,如 Gii(代码生成工具)和 Debug Toolbar,帮助开发者定位性能...
Yii2 的 `yii\log` 组件可以帮助记录和分析系统运行中的事件和异常,而 `yii\swiftmailer` 可以方便地发送邮件通知。API接口开发则可以利用Yii2的RESTful特性,快速构建符合REST原则的API,方便前后端分离的项目开发...
7. **社区与文档**:Yii 拥有活跃的社区和详尽的文档,开发者可以在遇到问题时获得帮助,快速学习和上手。 8. **扩展性**:Yii 的组件化设计使得开发者可以轻松地复用代码,或者通过 Composer 安装第三方扩展来增强...
1. **安装与配置**:介绍如何在服务器上安装Yii,以及设置基本的项目环境。 2. **快速入门**:通过一个简单的“Hello, World!”示例来引导开发者了解Yii的基本结构和工作原理。 3. **基础概念**:详细讲解MVC模式,...
### yii的小部件使用 在Yii框架中,小部件(Widgets)是用于封装并重用页面元素的一种机制。本文主要探讨如何在Yii框架中...同时,通过本篇介绍的方法,我们也能更好地理解和掌握Yii框架中的一些核心概念和技术细节。
高级版分为前端和后端两个独立的应用,每个应用都有自己的入口脚本、控制器、模型和视图,以及独立的配置,可以更好地分离用户界面和业务逻辑。 三、核心特性 1. MVC设计模式:YII2遵循MVC模式,将业务逻辑、数据...
这个"YII-1.1.8中文手册"是针对Yii 1.1.8版本的官方文档的中文翻译,旨在帮助中国开发者更好地理解和使用Yii框架。在阅读这份手册之前,首先需要了解一些基本的Web开发知识和PHP编程基础。 Yii 1.1.8是该框架的一个...
1. 基于组件的设计:Yii框架采用组件化的设计模式,这意味着整个框架由多个可复用的组件构成,每个组件可以独立使用或配合其他组件完成特定的功能。这种设计让开发者能够灵活地组合和构建复杂的Web应用。 2. 高性能...
Yii2.0级基于Yii1.X完全重写的,不仅是小版本升级的升级。所以想要系统学习Yii2.0这个框架这套教程可以从实战项目带你入手。不错的学习YII框架的基础课程,电商系统的结构完整、框架资源太大,传百度网盘了,链接在...
Yii 2是基于组件的,这意味着很多功能都是由独立的、可重用的组件组成,开发者可以灵活地调整和替换这些组件来满足项目需求。 在"yii2-app-advanced-master"这个压缩包中,包含了一个高级模板应用,它是Yii 2的典型...