javascript - 保存后,内联编辑焦点不会失去焦点

标签 javascript jquery css jqgrid

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

我尝试过的代码是:

列名和列模型代码:

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();
    }
}


用于编辑的网格:
enter image description here

尝试保存编辑值时的网格:
enter image description here

更新:
保存并编辑另一行后的网格:
enter image description here

当我单击“保存”图标时,有人建议我如何脱颖而出。

提前致谢。

最佳答案

我不知道我是否了解正确的方法。
让我们来看看:
单击铅笔图标,所有字段都变为可编辑状态,然后进行编辑,当单击“保存”按钮时,可编辑字段应更改回不可编辑状态。但这没有发生。

我对吗?

关于javascript - 保存后,内联编辑焦点不会失去焦点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32439487/

相关文章:

jquery - 空白 :nowrap 是否有任何替代方案

javascript - 将 php 变量发送到不同的 js 页面

php - Ajax POST 方法在 PHP 中不起作用,但 GET 可以工作

javascript - 如何动态修改 jQuery 多选下拉菜单的背景颜色?

html - 视口(viewport)外的图像未加载

html - 隔离 CSS 代码

javascript - 对 numAlpha 字符串列表进行排序

javascript - 提交多个表单同一个 jquery 脚本

javascript - 为什么 Google Maps DirectionsService 返回不同的路线?

c# - 想要清除文本框+焦点文本框+防止同一按钮上的asp.net回发