Question

我在我的应用程序中使用jqgrid。我们有功能进行内联编辑和保存。现在编辑工作正常，但问题在于焦点。当我点击编辑按钮时，所有单元格都按预期聚焦，之后我执行修改并保存，现在该行的焦点不会消失。

我所尝试的代码是：

col name和col model code：

colNames: ['Id','Category Name','Category Label','Sort Order','Default','Active','Action'],
    colModel: [
        {name:'id', hidden : true, key : true},
        {name:'CategoryName',index:'1',sortable:false, width: 343, editable: true, 
         editoptions:{size:"40",maxlength:"40"}
        },
        {name:'CatLable', index:'2',width:250, editable: true,edittype:"select",
         editoptions:{value:"#{contexts.sessionContext.get('categoryLabel')}"}
        },
        {name:'DispOrder',index:'3',sortable:false, width: 100, align:"center", editable: true, editrules:{number:true},
         editoptions:{size:"3",maxlength:"3"}
        },
        {name:'IsDefault',index:'4',sortable:false,width:60,search:false, resizable: false},
        {name:'IsActive',index:'5',sortable:false,width:60,search:false, resizable: false},
        {name: 'Action', index: '6', width: 85, sortable: false, formatter: 'actions',
        }
        }
    ],

格式选项代码：

{name: 'Action', index: '6', width: 85, sortable: false, formatter: 'actions', formatoptions: {
        // we want use [Enter] key to save the row and [Esc] to cancel editing.
        url: "#myurl",
        keys: true,
        "delbutton":false,
        onEdit:function(rowid) {
            lastsel2 = rowid;
        }
    }
}

重新加载网格代码：

gridComplete: function(){
    unblockB2BUI();
    var recs = parseInt(jQuery("#categoryResults").getGridParam("records"),10);
    if (recs == 0) {
        jQuery("#logGridWrapper").hide();
        jQuery(".noResMsg").show();
    }
    else {
        jQuery(".noResMsg").hide();
        jQuery('#logGridWrapper').show();
    }
}

网格编辑：

尝试保存已编辑值时的网格：

更新保存后网格并再编辑一行：

有人请建议我在点击保存图标时如何摆脱焦点。

提前致谢。

Answer 1

我不知道我是否理解正确的方法。让我们来看看：您单击铅笔图标并且所有字段都可编辑，您进行编辑，单击保存按钮时，可编辑字段应更改回不可编辑。但那并没有发生。

我是对的吗？

保存后，内联编辑焦点不会失焦

1 个答案: