如何解决jqgrid行ID和网格行ID
| Ive现在发布了一些有关jqgrid的帖子，并且进展缓慢，但肯定可以。 我有在完整的网格函数中生成网格时为每一行生成按钮的代码：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});
}
}
ids = jQuery(\"#rowed2\").jqGrid(\'getDataIDs\');
getRowIds
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\',{Actions:fl+gc});
}
}
});
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\',{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});
});
解决方法
我不知道我是否完全理解你的问题。
通常，除非您在传递JSON数据时指定另一行，否则行ID应该是记录ID。
最好的选择是将记录ID传递给jqGrid，以便在必须执行某些CRUD操作时可以引用数据库行。
如果要获取其他一些字段，可以使用：
var ret = myGrid.jqGrid(\'getRowData\',id);
$(\'.buttonClassName\').click(function (){
var row = $(this).closest(\"tr\").attr(\"id\")
alert(row);
});
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
