如何让RadGrid内的RadToolBarButton获焦时按Enter键触发服务器端事件

我明白你遇到的困扰了——用Tab键聚焦到RadGrid里RadToolBar的按钮后，按Enter键没法触发对应的服务器端事件，之前试的JS代码没起作用对吧？咱们一步步来解决这个问题：

问题根源分析 #

你之前的JS代码选择的是.rtbItem（RadToolBar的列表项容器），但实际上RadToolBar的按钮真正能获焦、响应交互的是容器内部的.rtbLink元素，事件绑错了对象，所以按Enter键没反应。另外，咱们还要注意阻止Enter键的默认行为，避免和页面其他表单逻辑冲突。

解决方案1：改进原生JS事件绑定（精准定位可聚焦元素） #

直接调整选择器，把事件绑定到正确的.rtbLink元素上，同时处理Enter键逻辑：

function pageLoadHandler() {
    // 精准选择RadToolBar内的可聚焦按钮元素（只针对你加了mm-cmd类的那个RadToolBar）
    var buttonLinks = document.querySelectorAll('.mm-cmd .rtbUL .rtbItem .rtbLink');
    if (buttonLinks) {
        buttonLinks.forEach(link => {
            link.addEventListener('keydown', function(e) {
                // 兼容不同浏览器的Enter键判断
                if (e.keyCode === 13 || e.code === 'Enter') {
                    e.preventDefault(); // 阻止默认行为，避免不必要的表单提交
                    this.click(); // 触发按钮的点击事件，触发Telerik的回发逻辑
                }
            });
        });
    }
}
// 确保页面控件初始化完成后再绑定事件
Sys.Application.add_load(pageLoadHandler);

解决方案2：使用Telerik客户端API（更稳妥的控件原生方式） #

如果想更贴合Telerik控件的模型，咱们可以用Telerik的客户端对象来操作，兼容性更好：

function pageLoadHandler() {
    // 获取RadToolBar1的客户端对象（注意用ClientID确保在母版页/用户控件中也能正确定位）
    var toolBar = $find("<%= RadToolBar1.ClientID %>");
    if (toolBar) {
        var allItems = toolBar.get_items();
        // 遍历所有按钮项，跳过分隔符
        for (var i = 0; i < allItems.get_count(); i++) {
            var item = allItems.getItem(i);
            if (item.get_isSeparator()) continue;
            
            // 获取按钮的可聚焦链接元素
            var linkElement = item.get_element().querySelector('.rtbLink');
            if (linkElement) {
                linkElement.addEventListener('keydown', function(e) {
                    if (e.keyCode === 13 || e.code === 'Enter') {
                        e.preventDefault();
                        item.click(); // 触发Telerik按钮的点击事件，触发服务器回发
                    }
                });
            }
        }
    }
}
Sys.Application.add_load(pageLoadHandler);

额外检查项 #

1. 确保你的RadToolBar已经设置AutoPostBack="true"（你已经配置了，没问题）
2. 确认RadGrid的OnItemCommand事件已经正确处理（比如在RadGrid1_ItemCommand中判断e.CommandName来执行对应逻辑）
3. 如果你有多个RadToolBar，用你加的mm-cmd类来精准定位，避免影响其他控件

验证步骤 #

1. 把上面的JS代码放到你的页面Script标签中
2. 运行页面后，用Tab键聚焦到RadToolBar的按钮上
3. 按Enter键，应该会触发对应的服务器端事件（比如InitInsert会触发RadGrid的插入模式）

内容来源于stack exchange