沫沫金::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}/images/fancybox/fancy_close.png' style='width: 20px; height: 20px' onclick=\"delRow(this,"+rowId+")\"/>\
        </td>"
    strTem+="</tr>";
    return strTem;
});