沫沫金::jqGrid插件-弹窗返回值

应用场景

Web应用中需要弹出任意页面，将操作后的数据在不经过后台直接反馈到父页面。和ajax的区别：1、避免编写大量的后台方法 2、可以弹出普通的页面，支持页面的所有操作

简介

基于jqGrid实现的弹窗返回值插件，全面兼容支持window.returnValue的浏览器；封装

完善，可自由扩展，使用方便灵活；为解决web应用高内聚低耦合提供完整的支持

使用

l 步骤一

引用插件

<script type="text/javascript" src="js/jquery.jqGrid.showWindowReturn.js" ></script>

l 步骤二

父页面调用代码

$("#problemAdd").click(function(){
var pbmIds="0";//弹窗中不显示的数据
$("[id^=proIdHid]").each(function(){
pbmIds+=","+this.value;
});
var result=Show.dialogWindow('${ctx }/qa/problem/problemIndex.htm?fw=1&swNoIds='+pbmIds);
$("#problemTable").append(result);
});

l 步骤三

弹出页面操作代码

//需要调用的列(和jqGrid保持一致)
var cols=new Array("descn","type.stringValue","urgentLevel.stringValue"
,"expectSolutions","resolverUser.name","expectResolveDate","checker.name");
/*
* 弹窗返回值
* @param1 jqGrid容器Id名称
* @param2 指定列数组集合
* @param3 返回的html片段[function($list,rowId){}]
*/
Show.windowReturn("list",cols,function($list,rowId){
var strTem="";
strTem+="<tr>";
var rowData=$list.jqGrid('getRowData',rowId);//必须不能变
for(var i=0;i<cols.length;i++){
//rowData[cols[i]]当前行每一列数据
strTem+="<td>"+rowData[cols[i]]+"</td>";
}
strTem+="<td id='option' style='text-align:center'>\
<input type='hidden' name='pbmIds' id='proIdHid' value="+rowId+">\
<img src='${ctx}/p_w_picpaths/fancybox/fancy_close.png' style='width: 20px; height: 20px' οnclick=\"delRow(this,"+rowId+")\"/>\
</td>"
strTem+="</tr>";
return strTem;
});

转载于:https://blog.51cto.com/zl0828/1107739

沫沫金::jqGrid插件-弹窗返回值相关推荐

沫沫金：2014最新全浏览器兼容左列固定右列自适应宽度技巧大公开
做前端的人肯定会遇到经典的左列固定,右列自适应宽度的样式效果.这种想起来很简单做起来很麻烦的事情今天你有好方案了. --不要信那些什么左侧写固定宽度,右侧不用写宽度属性和浮动属性,浏览器自动就实现右列 ...
沫沫金【实践可用】--web工程ORM数据库链接(JDBC)链接集群库||普通库，两种标准...
普通链接配置,应用到集群会启动失败,请修改集群数据库链接 jdbc.url=jdbc:oracle:thin:@//127.0.0.1:1521/momojin 普通数据库链接 jdbc.url=j ...
沫沫金：联想E431 1K6安装Windows系统100%成功技巧
你是否纠结新买回来的笔记本是Linuxs而无法操作,兴起的要换到windows去遇到系统安装提示:" >Units specified don't exist SHSUCDX can' ...
沫沫金Echarts移动端demo
鄙视百度!!! 官网给的Demo支持自动大小,确不给完整的源码XXX 自己动手,丰衣足食 http://echarts.baidu.com/demo.html#bar-tick-align 用最基本的 ...
零基础开发 Node.js Addons 插件：参数与返回值处理
上一篇回顾零基础开发 Node.js Addons 插件:Hello Node-API.本篇介绍使用 Node-API 为 Node.js 开发基于 C 的 Addons 时,如何接收与处理 Nod ...
python tkinter 弹窗_Python：tkinter-Parent获取弹出窗口的返回值
获取窗口对象的返回值是一个很常见的模型,比如程序弹出一个窗口,读取用户的输入值,这个值可以很容易的保存在弹出的窗口中,但问题在于如何将这个值传递给弹出窗口的parent.这是一个看似很simple的问 ...
html弹窗口并获取返回值,Js 弹出框口并返回值的两种常用方法
1.window.showModalDialog(url,args,dialogattrs)参数说明: url:弹出页面地址 agrs:主窗口传给对话框的参数,可以是任意类型(数组也可以) dialo ...
python flask 返回值状态码设置
在使用Flask以及插件Flask-RESTful来开发RESTful API时,返回值和状态码的设计是非常重要的一个部分.对于初学者,在不使用response或errorhandler()等装饰器时 ...
document.getElementsByTagName()方法的返回值
document.getelementsbytagname()方法的返回值 /* document.getelementsbytagname()方法的返回值中取出某个特定的元素.一开始以为它的返回值是 ...

沫沫金::jqGrid插件-弹窗返回值

应用场景

简介

使用

沫沫金::jqGrid插件-弹窗返回值相关推荐

最新文章

热门文章