当前位置：文江博客话题详情

使用 JqGrid 的单选按钮列在该单选列的所有网格行中互斥？

发布于 2024-12-04 02:58:54 字数 128 浏览 1 评论 0原文

如何创建一个具有单选按钮的特殊列的网格，如果用户单击特定行的这一列，则仅选择该单选按钮，就像有一个单选按钮组垂直分布在该列网格上一样？

我正在专门在 JqGrid (jquery) 中寻找这个解决方案。

谢谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

德意的啸 2024-12-11 02:58:54

如果我理解正确，您可以使用自定义格式化程序。如果您包含的所有按钮都具有相同的 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
}

请参阅演示这里。

If I understand you correct you can just use custom formatter. If all the buttons which you included has the same name attribute you will have the behavior which you need

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

After creating the column with radio buttons you will receive many other questions how to synchronize other functionality of jqGrid with the radio buttons. In the following example I show you how you can check the radio button on selecting the row:

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

See the demo here.

回复收藏 0 原文

~没有更多了~