jqGrid::在编辑另一行后单击每一行,将保存内容,但不会恢复编辑的行
其目的是,在编辑一行中的文本区域并单击另一行后,应保存第一行并恢复该行。代码一直工作到保存记录,但保存后不会恢复编辑的行。。请帮我纠正这个问题jqGrid::在编辑另一行后单击每一行,将保存内容,但不会恢复编辑的行,jqgrid,save,inline,edit,restore,Jqgrid,Save,Inline,Edit,Restore,其目的是,在编辑一行中的文本区域并单击另一行后,应保存第一行并恢复该行。代码一直工作到保存记录,但保存后不会恢复编辑的行。。请帮我纠正这个问题 <? if(isset($_GET)){ $startDate = $_GET['start_date']; $endDate = $_GET['end_date']; $type = $_GET['type']; } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD
<?
if(isset($_GET)){
$startDate = $_GET['start_date'];
$endDate = $_GET['end_date'];
$type = $_GET['type'];
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen" href="../js/jqgrid/css/ui-lightness/jquery-ui-1.9.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="../js/jqgrid/css/ui.jqgrid.css" />
<link rel="stylesheet" type="text/css" href="../js/powertip/jquery.powertip.css" />
<script type="text/javascript" src="../js/jqgrid/js/jquery1.8.3.js"></script>
<script type="text/javascript" src="../js/jqgrid/js/i18n/grid.locale-en.js"></script>
<script type="text/javascript" src="../js/powertip/jquery.powertip-1.1.0.min.js"></script>
<script type="text/javascript">
jQuery.jgrid.no_legacy_api = true;
</script>
<script src="../js/jqgrid/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<style>
.ratingDetails{
font-family:Arial;font-size:12px;color:#FFF;padding-left:2px;
}
</style>
</head>
<body>
<table id="rowed2"></table>
<div id="prowed2"></div>
<script>
jQuery(document).ready(function(){
var lastSel;
jQuery("#rowed2").jqGrid({
url:'feedbacks_bookings_rated_pagination.php?start_date=<?=$startDate?>&end_date=<?=$endDate?>&type=<?=$type?>',
datatype: "json",
height:"auto",
colNames:['Booking<br>Id','City','Customer name','Trip dates','Local Office','Rating','Action Taken','Status','Action'],
colModel:[
{name:'booking_id',index:'booking_id', width:45,align:"center",hidden:false,key: true},// key: true - to get the id value in POST
{name:'pick_city',index:'pick_city', width:90,align:"left"},
{name:'actual_name',index:'add_driver_number', width:130,align:"left",sortable:true},
{name:'tripdates',index:'tripdates', width:80,align:"center",sortable:false},
{name:'office_name',index:'office_name', width:150,align:"left",sortable:true},
{name:'rating_status',index:'rating_status', width:70,align:"center",sortable:true,title: false},
{name:'action_taken',index:'action_taken', width:220,align:"left",sortable:false,editable:true,edittype:'textarea',editoptions:{rows:"3",cols:"35"}},
{name:'img_action_status',index:'img_action_status', width:40,align:"center",sortable:true},
{name:'act',index:'act',width:100,align:'center',sortable:false}
],
rowNum:15,
rowList:[15,25,50],
pager: '#prowed2',
sortname: 'driver_name',
viewrecords: true,
sortorder: "asc",
subGrid : true,
subGridUrl: 'feedbacks_bookings_rated_pagination.php?booking=424519',
subGridModel: [{
name:['Booked on','Trip Type/ Amount','Driver Details','Local Office Phone','Essential Feedbacks','Other Feedbacks'],
width: [90,90,130,100,160,200]}
],
onSelectRow:
function(id){
//alert(lastSel+"-hi-"+id);
if(id && id!==lastSel){
if (typeof lastSel !== "undefined") {
jQuery("#rowed2").jqGrid('saveRow',lastSel);
jQuery("#rowed2").jqGrid('restoreRow',lastSel);
//jQuery("#rowed2").trigger("reloadGrid");
}
lastSel = id;
}
jQuery(this).jqGrid('resetSelection');
jQuery(this).editRow(id, true);
},
editurl: "feedbacks_bookings_rated_pagination.php",
caption:"Edit Feedback Details",
});
// icons in pagination frame bottom
jQuery("#rowed2").jqGrid('navGrid','#prowed2',{ add: false, edit: true,save: true, del: false, reload: true});
jQuery.fn.editRow = function(param) {
var rowid = param;
var booking_id = jQuery("#rowed2").jqGrid ('getCell', param, 'booking_id');
jQuery("#rowed2").jqGrid('editRow',rowid, {
keys : true,
oneditfunc: function() {
}
});
};
jQuery.fn.saveRow = function(param) {
var rowid = param;
jQuery("#rowed2").jqGrid('saveRow',rowid, {
successfunc: function(response) {
//obj = eval('(' + response.responseText + ')');
//$.jgrid.info_dialog('Status','<div class="ui-state-successr"><br>'+obj.responseText +'<br></div>', $.jgrid.edit.bClose,{buttonalign:'center'});
return true;
},
url : "feedbacks_bookings_rated_pagination.php",
mtype : "POST",
});
};
jQuery.fn.restoreRow = function(param) {
var rowid = param;
alert("rstore-"+rowid);
jQuery("#rowed2").jqGrid('restoreRow',rowid, {
afterrestorefunc : function( response ) {
alert("aaaa");
obj = eval('(' + response.responseText + ')');
$.jgrid.info_dialog('Status','<div class="ui-state-successr"><br>'+obj.responseText +'<br></div>', $.jgrid.edit.bClose,{buttonalign:'center'});
return true;
}
});
};
})
function closeAction(bkId){
if(confirm("Are you sure to close the action?")){
//Ok button pressed...
$.post('feedbacks_bookings_rated_pagination.php?action=close',{booking_id: bkId},
function(response){
alert(response.responseText);
$("#rowed2").trigger("reloadGrid");
return true;
},
"json"
);
}
}
// Function to display rating crieteria values as a tooltip on mouseover of Rating caption
function showRatingDetailsToolTip(id) {
$('#rating'+id).data('powertiptarget', 'tooltip'+id);
$('#rating'+id).powerTip({placement: 'e',smartPlacement: true,mouseOnToPopup: true});
}
</script>
</body>
</html>
jQuery.jgrid.no_legacy_api=true;
.评级详情{
字体系列:Arial;字体大小:12px;颜色:#FFF;左侧填充:2px;
}
jQuery(文档).ready(函数(){
var lastSel;
jQuery(“#rowed2”).jqGrid({
url:'feedbacks\u bookings\u rated\u pagination.php?开始日期=&结束日期=&类型=',
数据类型:“json”,
高度:“自动”,
colNames:[“预订
Id'、“城市”、“客户名称”、“行程日期”、“当地办事处”、“评级”、“采取的行动”、“状态”、“行动”],
colModel:[
{name:'booking_id',index:'booking_id',width:45,align:“center”,hidden:false,key:true},//key:true-获取POST中的id值
{名称:'pick_city',索引:'pick_city',宽度:90,对齐:“left”},
{name:'actual_name',index:'add_driver_number',宽度:130,对齐:“left”,可排序:true},
{名称:'tripdates',索引:'tripdates',宽度:80,对齐:“中心”,可排序:false},
{名称:'office_name',索引:'office_name',宽度:150,对齐:“left”,可排序:true},
{名称:'rating_status',索引:'rating_status',宽度:70,对齐:“center”,可排序:true,标题:false},
{name:'action_taked',index:'action_taked',width:220,align:“left”,sortable:false,editable:true,edittype:'textarea',editoptions:{rows:“3”,cols:“35”},
{名称:'img_action_status',索引:'img_action_status',宽度:40,对齐:“中心”,可排序:true},
{name:'act',index:'act',width:100,align:'center',sortable:false}
],
rowNum:15,
行列表:[15,25,50],
传呼机:“#prowed2”,
sortname:'驱动程序名称',
viewrecords:是的,
分拣员:“asc”,
子网格:对,
subGridUrl:'反馈\预订\评级\分页.php?预订=424519',
子网格模型:[{
姓名:[“预订日期”、“行程类型/金额”、“驾驶员详细信息”、“当地办公室电话”、“基本反馈”、“其他反馈”],
宽度:[90,90130100160200]}
],
电灯:
函数(id){
//警报(lastSel+“-hi-”+id);
如果(id&&id!==lastSel){
如果(lastSel的类型!=“未定义”){
jQuery(“#rowed2”).jqGrid('saveRow',lastSel);
jQuery(“#rowed2”).jqGrid('restoreRow',lastSel);
//jQuery(“#rowed2”).trigger(“重载网格”);
}
lastSel=id;
}
jQuery(this).jqGrid('resetSelection');
jQuery(this).editRow(id,true);
},
editurl:“反馈\预订\评级\分页.php”,
标题:“编辑反馈详细信息”,
});
//分页框底部的图标
jQuery(“#rowed2”).jqGrid('navGrid','#prowed2',{add:false,edit:true,save:true,del:false,reload:true});
jQuery.fn.editRow=函数(参数){
var rowid=param;
var booking_id=jQuery(“#rowed2”).jqGrid('getCell',param,'booking_id');
jQuery(“#rowed2”).jqGrid('editRow',rowid,{
凯斯:没错,
oneditfunc:function(){
}
});
};
jQuery.fn.saveRow=函数(参数){
var rowid=param;
jQuery(“#rowed2”).jqGrid('saveRow',rowid,{
successfunc:函数(响应){
//obj=eval('('+response.responseText+');
//$.jgrid.info_对话框('Status','
'+obj.responseText+'
',$.jgrid.edit.bClose,{buttonalign:'center'});
返回true;
},
url:“feedbacks_bookings_rated_pagination.php”,
mtype:“POST”,
});
};
jQuery.fn.restoreRow=函数(参数){
var rowid=param;
警报(“rstore-”+rowid);
jQuery(“#rowed2”).jqGrid('restoreRow',rowid,{
afterrestorefunc:功能(响应){
警报(“aaaa”);
obj=eval('('+response.responseText+');
$.jgrid.info_对话框('Status','
'+obj.responseText+'
',$.jgrid.edit.bClose,{buttonalign:'center'});
返回true;
}
});
};
})
功能关闭操作(bkId){
如果(确认(“您确定要关闭操作吗?”)){
//确定按钮按下。。。
$.post('feedbacks\u bookings\u rated\u pagination.php?action=close',{booking\u id:bkId},
功能(响应){
警报(response.responseText);
$(“#rowed2”).trigger(“重载网格”);
返回true;
},
“json”
);
}
}
//对di的函数
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen" href="../js/jqgrid/css/ui-lightness/jquery-ui-1.9.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="../js/jqgrid/css/ui.jqgrid.css" />
<script type="text/javascript" src="../js/jqgrid/js/jquery1.8.3.js"></script>
<script type="text/javascript" src="../js/jqgrid/js/i18n/grid.locale-en.js"></script>
<script type="text/javascript">
jQuery.jgrid.no_legacy_api = true;
</script>
<script src="../js/jqgrid/js/jquery.jqGrid.min.js" type="text/javascript"></script>
</head>
<body>
<table id="rowed2"></table>
<div id="prowed2"></div>
<script>
jQuery(document).ready(function(){
var lastSel;
jQuery("#rowed2").jqGrid({
url:'feedbacks_bookings_rated_pagination.php?start_date=<?=$startDate?>&end_date=<?=$endDate?>&type=<?=$type?>',
datatype: "json",
height:"auto",
colNames:['Booking<br>Id','City','Customer name','Trip dates','Local Office','Rating','Action Taken','Status','Action'],
colModel:[
{name:'booking_id',index:'booking_id', width:45,align:"center",hidden:false,key: true},// key: true - to get the id value in POST
{name:'pick_city',index:'pick_city', width:90,align:"left"},
{name:'actual_name',index:'add_driver_number', width:130,align:"left",sortable:true,editable:true,edittype:'text'},
{name:'tripdates',index:'tripdates', width:80,align:"center",sortable:false},
{name:'office_name',index:'office_name', width:150,align:"left",sortable:true},
{name:'rating_status',index:'rating_status', width:70,align:"center",sortable:true,title: false},
{name:'action_taken',index:'action_taken', width:220,align:"left",sortable:false,editable:true,edittype:'textarea',editoptions:{rows:"3",cols:"35"}},
{name:'img_action_status',index:'img_action_status', width:40,align:"center",sortable:true},
{name:'act',index:'act',width:100,align:'center',sortable:false}
],
rowNum:15,
rowList:[15,25,50],
pager: '#prowed2',
sortname: 'booking_id',
viewrecords: true,
sortorder: "asc",
onSelectRow:
function(id){
if(id && id!==lastSel){
if (typeof lastSel !== "undefined") {
jQuery("#rowed2").jqGrid('saveRow',lastSel,{url : "feedbacks_bookings_rated_pagination.php",mtype : "POST"});
jQuery(this).jqGrid('editRow',lastSel, false);
}
lastSel = id;
}
jQuery(this).jqGrid('editRow',id, true);
},
editurl: "feedbacks_bookings_rated_pagination.php",
caption:"Edit Feedback Details",
});
// icons in pagination frame bottom
jQuery("#rowed2").jqGrid('navGrid','#prowed2',{ add: false, edit: false,save: false, del: false, reload: true});
})
</script>
</body>
</html>
<table id='ratingdata32380' width='189' border='0' cellpadding='0' cellspacing='0' bordercolor='#000000' bgcolor='#4f9de2'>
<tr><td align='left' valign='middle' class='ratingDetails'>Was On Time?</td><td align='center' valign='middle' class='ratingDetails'>aaaa</td></tr>
</table>