一、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的模态对猴子更...
本文主要给大家介绍的是关于Yii2中load()和save()的相关内容,分享出来供大家参考学习,话不多说,来一起看看详细的介绍吧。 我这里用的数据库是mongo 数据库 为栗子: public function load($data, $formName = ...
很好用yii框架很好用yii框架很好用yii框架很好用yii框架很好用yii框架很好用yii框架很好用yii框架很好用yii框架很好用yii框架很好用yii框架很好用yii框架很好用yii框架很好用yii框架
yii框架中文手册教程和YII模板 我很辛苦才找到的
采用的方式是分析框架的源代码,尝试从根上进行理解和阐述,并融入个人使用Yii开发的一些经验和教训。 通过本书,你将不仅仅了解到Yii怎么使用的实操技巧,还将掌握其实现的技术原理和内幕。 更为重要的是,接触...
Yii2.0级基于Yii1.X完全重写的,不仅是小版本升级的升级。所以想要系统学习Yii2.0这个框架这套教程可以从实战项目带你入手。不错的学习YII框架的基础课程,电商系统的结构完整、框架资源太大,传百度网盘了,链接在...
从 MVC,DAO/ActiveRecord,widgets,caching,等级式RBAC,Web服务,到主题化,I18N和L10N,Yii提供了今日Web 2.0应用开发所需要的几乎一切功能。事实上,Yii是最有效率的PHP框架之一。 Yii是一个高性能的PHP5的...
Yii 和其它框架比起来怎样? 和大多数 PHP 框架一样,Yii 是一个 MVC 框架。 Yii 以性能优异、功能丰富、文档清晰而胜出其它框架。它从一开始就为严谨的 Web 应用开发而精心设计,不是某个项目的副产品或第三方代码...
yii1.1.10 开发包(包含yii权威指南以及yii博客例子讲解)
Yii权威指南思维导图 yii类结构 类导图 权威指南
以开源的Minify压缩功能整合到yii中。方便实用
Yii Framework 2 (Yii2) is the successor to the popular Yii framework. Like its successor, Yii2 is an open source, high-performance rapid development framework designed to create modern, scalable, ...
Yii2参考手册,Yii2中文手册完整版
YII 多种缓存机制的运用 如文件缓存内存缓存 动态缓存等
刚下载的yii2,新下载的yii2
Yii 2和PHP Web应用程序开发
yii框架yii框架yii框架yii框架yii框架yii框架yii框架yii框架yii框架yii框架yii框架yii框架yii框架yii框架yii框架yii框架yii框架yii框架
yii1.1中文文档 yii框架中文手册教程.pdf
Yii Yii框架 Yii框架快速入门,自己整理的很全的,很容易看懂