单选按钮列在使用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
}

请在此处查看演示.