jqgrid – 设置edittype的custom_value:’custom’
place_id的custom_value设置为我先点击的任何一行。 随后点击的行将全部使用相同的值,无论其实际值如何。 为什么?
例:
place_id foo_name bar_value 10 blah abc 11 blah2 fgr
单击place_id为10的行,然后单击“编辑”,出现的表单将有10
place_id值。 进行更改并保存,然后单击下一行。 虽然所有其他值都是正确的,但表单的place_id仍为10
。
我的代码:
列place_id如下所示:
{name:'place_id', index:'place_id', editable: true, edittype:'custom', editoptions: { custom_element:myelem,custom_value:myval }}
myval
函数是:
function myval(elem){ return elem.val(); }
我需要的是将myval设置为正在编辑的行的正确place_id。 我查看了Firebug中的elem
对象,我发现它始终具有第一次单击的行的值,但我不明白为什么我也不知道从哪里可以获取正确的值。 任何建议都表示赞赏(我试过在jqgrid论坛上询问,但没有任何结果,所以我转向stackoverflow)。
*编辑:如果我使用edittype:'text'
而不是edittype:'custom'
我会显示并传递正确的值但是该列是可编辑的,它应该只是可见但不可编辑。
完整代码:
jQuery(document).ready(function(){ jQuery("#list").jqGrid({ url:'/foo/bar/results', datatype: 'json', mtype: 'POST', colNames:['Place ID', 'Site ID', 'Site Name', 'API ID', 'M Type'], colModel :[ {name:'place_id', index:'place_id', key: true, sorttype:'integer', width:70, editable: true, edittype:'custom', editoptions: {custom_element:myelem,custom_value:myval }}, {name:'site_id', index:'site_id', sorttype:'integer', width:70, editable: true, edittype: 'select', editrule: {required: true}, editoptions:{value:getSites(), size:30}}, {name:'site_name', index:'site_name', width:150, editable: false, editrule: {required: true}, editoptions: {size:30}}, {name:'api_id', index:'api_id', sorttype:'integer', width:75, editable: true, edittype: 'text', editrules: {required: true}, editoptions:{size:30}}, {name:'m_type', index:'m_type', width:150, editable: true, edittype: 'select', editrules: {required: true}, editoptions:{value:{'one':'one','two':'two','three':'three', 'four':'four'},size:30}} ], editurl:'/foo/bar/editinfo', height: 'auto', width: 'auto', pager: '#pager', viewrecords: true, loadonce: true, rowNum:20, rowList:[20,40,60,80,100], caption: 'Meter Listing' }); // Edit functionality $("#editfields").click(function(){ var gr = jQuery("#list").jqGrid('getGridParam','selrow'); if( gr != null ) { jQuery('#list').setGridParam({datatype:'json'}); jQuery("#list").jqGrid('editGridRow',gr, {editCaption: 'Edit Place Details',height:550, closeAfterEdit:true,width:600,reloadAfterSubmit:true}); } else { alert("Please select a row"); } }); }); function myelem(value,options){ return $(''); } function myval(elem){ return elem.val(); }
EDIT2:
getSites:
function getSites(){ sites as $k => $v){ $sites = $sites . ";" . $v['site_id'] . ":" . $v['site_name']; } ?> return ""; }
你可以尝试在place_id
列的定义中包含key: true
。 您可以从您从服务器发送的数据中删除id
。
如果它没有帮助,那么你应该发布一个完整的代码示例来重现你的问题,我会尝试找到一个解决方法。
更新 :有时候复杂问题有一个简单的解决方案。 editGridRow
函数的另一个参数可以解决您的问题:
recreateForm: true
如果不使用参数,函数myelem
将在第一次编辑所选行时被调用一次 。 然后表单将被缓存而不会重新创建 。 因此,您将始终编辑同一行。 在包含参数recreateForm: true
, 每次都会创建表单。
顺便说一下,我设置了一些常规设置,我在每个jqGrids中使用jQuery.jgrid.defaults
, jQuery.jgrid.edit
, jQuery.jgrid.view
, jQuery.jgrid.del
和jQuery.jgrid.nav
。 例如我总是使用
jQuery.extend(jQuery.jgrid.edit, { closeAfterAdd: true, closeAfterEdit: true, recreateForm: true, //... });
那我以后不需要设置这个参数。 在写答案期间在自定义编辑类型字段中添加关于自定义编辑的多个输入元素我还有设置,所以我没有看到任何问题。