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

radio button column mutually exclusive within all grid rows for this radio column using JqGrid?(单选按钮列在使用 JqGrid 的此单选列的所有网格行中互斥?)
本文介绍了单选按钮列在使用 JqGrid 的此单选列的所有网格行中互斥?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如果用户单击特定行的这一列,那么如何创建一个带有特殊单选按钮列的网格,然后只有这个单选按钮被选中,就像有一个单选组垂直分布在这一列网格中一样??

How to create a grid with one special column of radio buttons in such a way if user click on this column of a particular row then only this radio button gets selected like if there is a radio group spread across this column of grid vertically ??

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

I am looking for this solution in JqGrid (jquery) specifically .

谢谢.

推荐答案

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

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 + '" />';
}

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

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
}

查看演示这里.

这篇关于单选按钮列在使用 JqGrid 的此单选列的所有网格行中互斥?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

Update another component when Formik form changes(当Formik表单更改时更新另一个组件)
Formik validation isSubmitting / isValidating not getting set to true(Formik验证正在提交/isValiating未设置为True)
React Validation Max Range Using Formik(使用Formik的Reaction验证最大范围)
Validation using Yup to check string or number length(使用YUP检查字符串或数字长度的验证)
Updating initialValues prop on Formik Form does not update input value(更新Formik表单上的初始值属性不会更新输入值)
password validation with yup and formik(使用YUP和Formick进行密码验证)