jqgrid需要在“添加”对话框中可编辑的字段,但不需要在“编辑”对话框中编辑。

在我看来,你的问题的答案 here 和 here (另请看示例)。

更新的 :我不知道jqgrid的商业版本。如果你不解决你的问题,你应该把你的问题更好地张贴在论坛上。 http://www.trirand.net/forum/default.aspx .

如果我理解您的代码正确,您可以尝试删除属性的定义。 readonly 和 disabled ( JQGridEditFieldAttribute )来自 EditFieldAttributes . 你可以尝试做以下的事情

如果要在“编辑”对话框中显示只读字段“用户名”和“域”,可以执行以下操作

jQuery("#myGrid").jqGrid('navGrid','#myGrid-pager',
                         { }, //options
                         { recreateForm: true, // edit options
                           beforeShowForm: function(form) {
                               $('#username',form).attr('readonly','readonly');
                               $('#domain',form).attr('readonly','readonly');
                           }
                         });

或者不使用 recreateForm: true 选项:

jQuery("#myGrid").jqGrid('navGrid','#myGrid-pager',
                         { }, //options
                         { // edit options
                           beforeShowForm: function(form) {
                               $('#username',form).attr('readonly','readonly');
                               $('#domain',form).attr('readonly','readonly');
                           }
                         },
                         { // add options
                           beforeShowForm: function(frm) {
                               $('#username',form).removeAttr('readonly');
                               $('#domain',form).removeAttr('readonly');
                           }
                         });

如果不想在“编辑”对话框中显示“用户名”和“域”,可以这样做

jQuery("#myGrid").jqGrid('navGrid','#myGrid-pager',
                         { }, //options
                         { recreateForm: true, // edit options
                           beforeShowForm: function(form) {
                               $('#username',form).hide();
                               $('#domain',form).hide();
                           }
                         });

它应该在jqgrd的免费版本中工作,但是因为您使用 SetUpGrid 哪个设置了jqgrid导航栏的一些设置(比如 grid.ToolBarSettings.ShowEditButton = true )你也使用

grid.ClientSideEvents.GridInitialized = "initGrid"

我不知道你能在里面做什么 initGrid 功能。可能您应该定义一些额外的回调,而不是调用 jQuery("#myGrid").jqGrid('navGrid', ...); . 看 http://www.trirand.net/documentation/aspnet/_2s20v9uux.htm 和 http://www.trirand.com/blog/phpjqgrid/docs/jqGrid/jqGridRender.html#methodsetNavOptions

我最终购买了付费版本的jqgrid——与javascript相比,我能够使用干净的.NET对象模型节省的时间将在很短的时间内为自己付出代价。

这个问题的答案直接来自Trirand的支持。

可以使用客户端事件aftereditdialogshown和afteradddialogshown来禁用/启用两个对话框的编辑字段。用于编辑/添加的字段将具有与数据字段相同的ID(区分大小写)。例子:

模型:

JQGrid1.ClientSideEvents.AfterEditDialogShown="disableFields";
JQGrid1.ClientSideEvents.AfterEditDialogShown="enableFields";

观点:

<script type="text/javascript">

    function disableFields() {
        //jQuery("#fieldname").attr("disabled", "disabled");
        $("#Source").attr("disabled", "true");
        $("#ProgramName").attr("disabled", "true");
        $("#Division").attr("disabled", "true");
        $("#Medium").attr("disabled", "true");
        $("#content").attr("disabled", "true");
    }

    function enableFields() {
        $("#Source").attr("disabled", "false");
        $("#ProgramName").attr("disabled", "false");
        $("#Division").attr("disabled", "false");
        $("#Medium").attr("disabled", "false");
        $("#content").attr("disabled", "false");
    }

</script>

当前解决方案:jqgrid 4.5.4-jquery grid

在editgridrow的这行之后(第7447行)

if (rowid === "new") {
    rowid = "_empty";
    frmoper = "add";
    p.caption=rp_ge[$t.p.id].addCaption;
} else {
     p.caption=rp_ge[$t.p.id].editCaption;
     frmoper = "edit";
}

我把这个修改

$t.p.custom_frmoper = frmoper;

然后我可以决定在弹出式编辑和弹出式添加时对元素执行什么操作

$.ajax($.extend({
   url: $.isFunction(options.dataUrl) ? options.dataUrl.call($t, rowid, vl, String(options.name)) :      options.dataUrl,
   type : "GET",
   dataType: "html",
   data: $.isFunction(postData) ? postData.call($t, rowid, vl, String(options.name)) : postData,
   context: {elem:elem, options:options, vl:vl},
   success: function(data){
       var ovm = [], elem = this.elem, vl = this.vl,
       options = $.extend({},this.options),
       msl = options.multiple===true,
       a = $.isFunction(options.buildSelect) ? options.buildSelect.call($t,data) : data;
       if(typeof a === 'string') {
           a = $( $.trim( a ) ).html();
       }
       if(a) {
           $(elem).append(a);
           setAttributes(elem, options, postData ? ['postData'] : undefined);

// CUSTOM CODE

    $.each($t.p.colModel, function (i, current) {
        if (current.not_editable) {
           if ($t.p.custom_frmoper == 'edit') {
           $("#" + current.name).attr('readonly', 'readonly');
           $("#" + current.name).attr('disabled', 'disabled');
           }
           else {
           $("#" + current.name).removeAttr('readonly');
           $("#" + current.name).removeAttr('disabled');
           }
        }
    });

我还向列模型添加了一个自定义的不可编辑属性,以确定添加时特定列是可编辑的,修改时是只读的。

{ name: 'ID', index: 'ID', not_editable: true }

希望能有所帮助。我创建这个修改是因为select元素不能与这个线程中的当前解决方案一起工作。