如何解决jqgrid saveRow不调用ajax
| 尽管我仍然无法将行数据保存到服务器，但与jqgrid一起到达那里 我的微型应用程序为每一行创建按钮，从而调用googlemaps地理编码。 地理编码将返回的数据填写在我的页面上的表单中。 我有3个单独的表单字段，每个表单字段都有自己的按钮，因此用户可以使用正确的地址更新行，每个按钮的rel都更改为刚刚对地址进行地理编码的行的id。 我的按钮具有此功能： 编辑 - - - - - - - 我已更改代码以尝试从saveRow获取响应 如果我警告saveRow它返回false，则在Firebug中看不到任何AJAX调用正在生成， 我尝试放置一个错误函数来捕获错误，但是似乎没有被调用。 Oleg指出数据库中有多个ID，但这是不可能的，因为它是主键自动编号。 我没有看到对我的server.php的请求来更新被调用的记录。$(\'body\').delegate(\'#displayaddr_btn\',\'click\',function(){
myID = $(this).attr(\'rel\');
myLat = $(\'#lat\').val();
myLng = $(\'#lng\').val();
myAddress = $(\'#displayaddr\').val();
alert(\'ID:\'+myID+\' myLat: \'+myLat+\' myLng: \'+myLng+\' Addt: \'+myAddress);
jQuery(\"#rowed2\").jqGrid(\'setRowData\',myID,{ lat_mdt:myLat,lng_mdt:myLng,displayaddr_mdt:myAddress });
saveRow()
function setAddrButtons(myID,mylat,mylng){
alert(\' setaddrButtons----ID:\'+myID+\' myLat: \'+myLat+\' myLng: \'+myLng+\' Addt: \'+myAddress);
$(\'#displayaddr_btn\').attr(\'rel\',myID);
$(\'#revlook_btn\').attr(\'rel\',myID);
$(\'#altaddr_btn\').attr(\'rel\',myID);
$(\'#lat\').val(mylat);
$(\'#lng\').val(mylng);
}
//jquery grid stuff
$(\'body\').delegate(\'#displayaddr_btn\',function(){
myID = $(this).attr(\'rel\');
myLat = $(\'#lat\').val();
myLng = $(\'#lng\').val();
myAddress = $(\'#displayaddr\').val();
alert(\'ID:\'+myID+\' myLat: \'+myLat+\' myLng: \'+myLng+\' Addt: \'+myAddress);
alert(jQuery(\"#rowed2\").jqGrid(\'saveRow\',myID)
jQuery(\"#rowed2\").jqGrid(\'saveRow\',{errorfunc:function(id,error){
alert(\'there was an error in saveRow()- ID:\'+id+\' Error: \'+error);
}
});
})
$(\'body\').delegate(\'#revlook_btn\',function(){
myID = $(this).attr(\'rel\');
myLat = $(\'#lat\').val();
myLng = $(\'#lng\').val();
myAddress = $(\'#revlook\').val();
alert(\'ID:\'+myID+\' myLat: \'+myLat+\' myLng: \'+myLng+\' Addt: \'+myAddress);
jQuery(\"#rowed2\").jqGrid(\'setRowData\',displayaddr_mdt:myAddress });
alert(jQuery(\"#rowed2\").jqGrid(\'saveRow\',error){
alert(\'there was an error in saveRow()- ID:\'+id+\' Error: \'+error);
}
});
})
$(\'body\').delegate(\'#altaddr_btn\',function(){
myID = $(this).attr(\'rel\');
myLat = $(\'#lat\').val();
myLng = $(\'#lng\').val();
myAddress = $(\'#altaddr\').val();
alert(\'ID:\'+myID+\' myLat: \'+myLat+\' myLng: \'+myLng+\' Addt: \'+myAddress);
alert(jQuery(\"#rowed2\").jqGrid(\'saveRow\',error){
alert(\'there was an error in saveRow()- ID:\'+id+\' Error: \'+error);
}
});
})
myGrid = jQuery(\"#rowed2\").jqGrid({
url:\'data/stokistdata_s_json.php?q=3\',datatype: \"json\",mtype: \"POST\",rowNum:10,rowList:[50,100,150,200,300,400,500,600],pager: \'#prowed2\',sortname: \'name_mdt\',viewrecords: true,gridview:true,sortorder: \"asc\",rowNum:50,scroll: true,editurl: \"data/server.php\",caption:\"Stockist\'s and Orchid days\",colNames:[
\'Actions\',\'id\',\'Type\',\'Name\',\'Geo Address\',\'Display Address\',\'Telephone\',\'Email\',\'website\',\'lat\',\'lng\',\'flag\',\'description\',\'active\'
],colModel:[{
name:\'Actions\',index:\'Actions\',width:100,sortable:false,search:false
},{
name:\'id_mdt\',index:\'id_mdt\',width:15,align:\"left\",sortable:true,search:false,hidden: true,editable: true,editrules: { edithidden: true },editoptions:{readonly:true},hidedlg: true,key: true
},{
name:\'id_etp\',index:\'id_etp\',width:90,editable:true,edittype:\"select\",formatter:\'select\',editoptions:{value:{1:\'Stokist\',0:\'Orchid Day\'}},editrules:{required:true},search:true,stype:\'select\',sopt: [\'eq\'],searchoptions:{value:{\'\':\'All\',1:\'Stockist\',2:\'Orchid Day\'}}
},{
name:\'Name_mdt\',index:\'Name_mdt\',width:150,stype:\'text\',sopt:[\'cn\']
},{
name:\'geoaddr_mdt\',index:\'geoaddr_mdt\',edittype:\"textarea\",editoptions:{rows:\"3\",cols:\"30\"}
},{
name:\'displayaddr_mdt\',index:\'displayaddr_mdt\',{
name:\'telephone_mdt\',index:\'telephone_mdt\',width:80,{
name:\'email_mdt\',index:\'email_mdt\',editrules:{email:true,required:false},{
name:\'website_mdt\',index:\'website_mdt\',editrules:{url:true,{
name:\'lat_mdt\',index:\'lat_mdt\',width:40,{
name:\'lng_mdt\',index:\'lng_mdt\',{
name:\'flag_mdt\',index:\'flag_mdt\',width:20,editoptions: {value:{1:\'Flagged\',0:\'No Flag\'}},//
stype:\'select\',1:\'Flagged\',0:\'No Flag\'}}//{value:\":Both;1:Flagged;0:No Flag\"}
},{
name:\'description_mdt\',index:\'description_mdt\',{
name:\'active_mdt\',index:\'active_mdt\',editoptions: {value:{1:\'Active\',0:\'Hidden\'}},\'1\':\'Active\',\'0\':\'Hidden\'}} //{value:\":Both;1:Active;0:Hidden\"}
}],search : {
caption: \"Search...\",Find: \"Find\",Reset: \"Reset\",matchText: \" match\",rulesText: \" rules\"
},gridComplete: function(){
var ids = jQuery(\"#rowed2\").jqGrid(\'getDataIDs\');
for(var i=0;i < ids.length;i++){
var cl = ids[i];
be = \"<input style=\'height:22px;width:20px;\' type=\'button\' value=\'E\' alt=\'Edit Location\' onclick=\\\"jQuery(\'#rowed2\').editGridRow(\'\"+cl+\"\');\\\" />\";
se = \"<input style=\'height:22px;width:20px;\' type=\'button\' value=\'S\' onclick=\\\"jQuery(\'#rowed2\').saveRow(\'\"+cl+\"\');\\\" />\";
ce = \"<input style=\'height:22px;width:20px;\' type=\'button\' value=\'C\' onclick=\\\"jQuery(\'#rowed2\').restoreRow(\'\"+cl+\"\');\\\" />\";
fl = \"<input style=\'height:22px;width:50px;\' type=\'button\' value=\'Find\' alt=\'Find Location\' class=\'findMe\' rel=\'\"+cl+\"\' />\";
gc = \"<input style=\'height:22px;width:50px;\' type=\'button\' value=\'Geo\' class=\'geocodeMe\' rel=\'\"+cl+\"\' />\";
jQuery(\"#rowed2\").jqGrid(\'setRowData\',ids[i],{Actions:fl+gc});
}
}
});
jQuery(\"#rowed2\").jqGrid(\'navGrid\',\"#prowed2\",{edit:true,add:true,del:true,refresh:true},{closeOnEscape:true,recreateForm: true,width:500},width:500} // Add options
);
myGrid.jqGrid(\'filterToolbar\',{defaultSearch:\'cn\',stringResult:true});
解决方法
我尝试了您的测试URL，并针对Fiddler跟踪了第一行的编辑结果。
如果我编辑网格的第一行并在\'Name \'字段中键入\'test \'文本，我会看到jqGrid将具有数据的HTTP POST请求发送到服务器
id_mdt=1343&id_etp=0&Name_mdt=test&geoaddr_mdt=n11hl&displayaddr_mdt=&telephone_mdt=&email_mdt=&website_mdt=&lat_mdt=&lng_mdt=&flag_mdt=0&description_mdt=&active_mdt=0&oper=edit&id=1343
oper=edit
id=1343
id_mdt=1343
HTTP/1.1 200 OK
Content-Type: text/html
Number of keys: 4 matches number of values: 4my update = UPDATE mapdata_mdt SET idetp_mdt = 0,geoaddr_mdt = \'n11hl\',active_mdt = 0,flag_mdt = 0 WHERE id_mdt = 1343<br />
<b>Notice</b>: Undefined variable: growthConn in <b>E:\\Domains\\f\\focus-on-plants.com\\user\\htdocs\\admin\\stokists\\data\\server.php</b> on line <b>137</b><br />
<br />
<b>Warning</b>: mysql_query(): supplied argument is not a valid MySQL-Link resource in <b>E:\\Domains\\f\\focus-on-plants.com\\user\\htdocs\\admin\\stokists\\data\\server.php</b> on line <b>137</b><br />
id_mdt
id_mdt
gridComplete
saveRow
editable=\"1\"
$(\"#\"+rowid).attr(\"editable\",\"1\");
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。