JQGrid 只读和编辑选项

Question

谁能告诉我如何对一个特定列进行内联编辑 false，但是当您编辑特定行时，该列是可编辑的，例如 -

{name:'product_image', index:'ProductId', width:25, align:'right', editable:true, edittype:'file'}，

这很完美，我可以通过选择行并单击编辑按钮来编辑它<然后我会看到编辑对话框，然后我可以更改所述列的值。我想使网格视图中的列只读，但是，我发现了以下内容->

{name:'product_image', index:'ProductId', width:25, align:'right', editable:false, edittype:'file',editoptions:{readonly: false}},

但是，这只会使列只读，并且在编辑模式下我无法更改值。

$("#list").jqGrid({
url:'products.php?storeId=<?php echo $_SESSION["valid_store"]; ?>',
datatype: 'xml',
mtype: 'GET',
colNames:['Product Id','Product Description','Department','Category','Price','Sale Price','Quantity','Extended Description','Web Item','Image'],
colModel :[ 
{name:'ProductId', index:'ProductId', width:20}, 
{name:'product_name', index:'product_name', width:50, editable:true, edittype:'text', search:true, stype:'text'},
{name:'DepartmentName', index:'DepartmentName', width:40,sortable: false, editable: true, edittype: "select"},
{name:'CategoryName', index:'CategoryName', width:40,sortable:false, editable:true, edittype:'select'}, 
{name:'price', index:'price', width:15, align:'right', editable:true, edittype:'text'}, 
{name:'sale_price', index:'sale_price', width:15, align:'right', editable:true, edittype:'text'}, 
{name:'product_qty', index:'product_qty', width:10, align:'right', editable:<?php if($edit_qty == 1){echo "true";}else{echo "false";} ?>, edittype:'text'}, 
{name:'product_description', index:'product_description', width:100, sortable:false, editable:true, edittype:'text'},
{name:'web_item', index:'web_item', width:15,sortable:false, editable:true, edittype:'select',editoptions:{value:{1:'True',0:'False'}}}, 
{name:'product_image', index:'ProductId', width:25, align:'right', edittype:'file', editable: false},
],
loadComplete:function(){
$("#list").setColProp('DepartmentName', { editoptions: { value: departments} });
$("#list").setColProp('CategoryName', { editoptions: { value: categories} });
},
pager: '#pager',
rowNum:40,
rowList:[10,20,30,40,50,60,70,80,90,100],
sortname: 'ProductId',
sortorder: 'desc',
viewrecords: true,
gridview: true,
caption: 'Products',
autowidth: true,
height: tableHeight,
cellEdit: true,
loadtext: 'Loading Products...',
cellurl: 'edit_product.php?storeId=<?php echo $_SESSION["valid_store"]; ?>',
editurl: 'edit_product.php?storeId=<?php echo $_SESSION["valid_store"]; ?>',
}).navGrid('#pager',
{
del: false,
add: <?php if($add_products == 1){echo "true";}else{echo "false";}?>,
edit: true,
search: true
},
{jqModal:true,closeAfterEdit: false,recreateForm:true,onInitializeForm : function(formid){
$(formid).attr('method','POST');
$(formid).attr('action','');
$(formid).attr('enctype','multipart/form-data');
},
beforeShowForm:function(form){
$("#product_image", form).attr("disabled", "false");
},

谢谢

Answer 1

如果我目前了解您的问题，您可以从回调内部的编辑表单$("#product_image")字段上设置readonly属性beforeShowForm。有关相应的代码示例，请参阅答案或此答案。

更新：从您发布的代码中可以看到您使用单元格编辑(cellEdit: true)。不支持将单元格编辑与 jqGrid 的其他编辑模式(表单编辑或内联编辑)一起使用。

cellEdit: true的使用可能是偶然的？在这种情况下，您应该删除解决问题的选项。

如果您确实需要使用单元格编辑，则可以将"不可编辑单元格"类添加到"product_image"列中。您可以在 colModel 中使用classes: "not-editable-cell"，也可以根据需要动态制作(请参阅答案中的演示)。该类将仅供单元格编辑使用，并由表单编辑忽略。

如果您确实需要同时使用单元格编辑和表单编辑，则必须在开始表单编辑之前调用restoreCell或saveCell(请参阅文档)(例如在 beforeInitData 中)。方法的所有参数都可以保存在上次调用的 EditCell 回调中。

对你的代码的最后一句话：你对两列使用index:'ProductId'似乎很奇怪：ProductId和product_image.可能是打字错误吗？