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

如果我目前了解您的问题，您可以在beforeShowForm 回调中的编辑表单中为$("#product_image") 字段设置readonly 属性。请参阅the answer 或this one 以获取相应的代码示例。

更新：从您发布的代码中可以看出您使用单元格编辑 (cellEdit: true)。不支持cell editing 与jqGrid 的其他编辑模式（form editing 或inline editing）一起使用。

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

如果您确实需要使用单元格编辑，您可以将“not-editable-cell”类添加到“product_image”列。您可以在colModel 中使用classes: "not-editable-cell"，也可以根据需要动态生成（参见the answer 中的the demo）。该类将仅在单元格编辑中使用，而在表单编辑中将被忽略。

如果您确实需要同时使用单元格编辑和表单编辑，则必须致电 restoreCell 或 saveCell（参见 the documentation）在开始之前表单编辑（在 beforeInitData例如）。方法的所有参数都可以保存在最后调用的beforeEditCell 回调中。

对您的代码的最后一句话：您对 两个 列使用index:'ProductId' 似乎很奇怪：ProductId 和product_image。是不是打字错误？