单选按钮列在使用JqGrid的此无线电列的所有网格行中互斥？

Question

如果用户点击特定行的此列，如何创建一个带有一列特殊单选按钮的网格，则只选择此单选按钮，就好像有一个无线电组垂直分布在此列网格中一样??

我正在寻找JqGrid（jquery）中的这个解决方案。

感谢。

Answer 1

如果我理解你的正确，你可以使用自定义格式化程序。如果您包含的所有按钮具有相同的name属性，则您将拥有所需的行为

formatter: function (cellValue, option) {
    return '<input type="radio" name="radio_' + option.gid + '" />';
}

使用单选按钮创建列后，您将收到许多其他问题，如何将jqGrid的其他功能与单选按钮同步。在下面的示例中，我将向您展示如何在选择行时检查单选按钮：

beforeSelectRow: function (rowid, e) {
    var radio = $(e.target).closest('tr').find('input[type="radio"]');
    radio.attr('checked', 'checked');
    return true; // allow row selection
}

请参阅演示here。