Question

你不能＆lt; TAB＆gt;进入编辑/删除/页面导航和＆lt; ENTER＆gt;的图标执行相应的行动。这些图标不会因为您在不同的可操作性上而成为焦点。项目（例如链接，输入元素）。如何实现这种行为？

Answer 1

我不确定这是否能回答你的问题，但我遇到了类似的问题。这就是我最终做的事情。在我的链接格式化程序中，我更改了按钮和键盘导航的链接，现在可以启动。

在下面显示的'LastName'的colModel中，我有一个'lastNameFormatter'的链接格式化程序

        colModel: [
        { name: 'RequestDate', index: 'RequestDate', search: false, width: 110, fixed: true, editable: false, align: 'left', cellStyle:'padding-left:5px', title: false, formatter: ndateFormatter },
        { name: 'LastName', index: 'LastName', search: false, width: 110, title: false, formatter: lastNameFormatter },
        { name: 'DlNum', index: 'DlNum', search: false, width: 130, align: 'left', title: false },
        { name: 'DlState', index: 'DlState', search: false, width: 50, align: 'left', title: false },
        { name: 'UserName', index: 'UserName', search: false, width: 180, align: 'left', title: false, resizable: true },
        { name: 'AuthCode', index: 'AuthCode', search: false, hidden: false, width: 85, sortable: false, formatter: viewLinkFormatter, align: 'left', title: true},
        { name: 'ProbationDescription', index: 'ProbationDescription', search: false, sortable: false, hidden: true, title: false}
    ],

然后执行以下操作：

function lastNameFormatter(cellval, opts, rwdat, _act) {
var probationDescription = rwdat.ProbationStatusDescription;
if ((probationDescription == null) ||
    (probationDescription.toLowerCase() == "accepted")) {
    return "<button type='button' class='jqGridButton' onclick='submitView(\"" + rwdat.AuthCode + "\"); return false;' >" + cellval + "</button>";
} else {
    return cellval;
}

所以...在这里使用按钮似乎可以实现允许jqGrid链接的键盘导航。

也许不是一个确切的答案，但希望你在这里找到一些有用的东西。

jqGrid：无法使用键盘聚焦并对图标进行编辑/删除/页面导航

1 个答案: