html - 如何在数据网格中插入无线电组？

Question

我的应用程序有一个粗略的模型，如下图所示：

我正在使用 jquery easyui 数据网格框架来获取此信息，但我无法插入单选组类型作为我的列之一，如我图片的状态列中所示。谁能帮助我如何在数据网格表中插入单选按钮？另一件事是，数据网格是获得这些类型函数的唯一方法，还是我们可以获得相同东西的任何其他方式？如果有人知道任何其他方式，请帮助我。

谢谢你。

Answer 1

我也在使用 easyui 网格和其他组件。您可以使用 easyui datagrid 的 formatter 属性看这里

在格式化程序属性上，您可以将任何 innerHTML（如单选按钮、按钮、标签等）添加到 datagridcolumns。请看下面的示例，我在我的项目中使用此示例；

 var btnid="";
 FILL_TESTGRID: function (_data) {
            try {
                $('#TestGrid').datagrid({
                    singleSelect: true,
                    remoteSort: false,
                    fitcolumns: true,
                    nowrap: false,
                    columns: [[
                        { field: 'ID', title: 'ID', sortable: true },
                        { field: 'NAME', title: 'NAME', sortable: true },
                        { field: 'action', title: 'ColumntTitle3', formatter: function (value, row, index) {
                            var col;
                            if (row.ID!= null) {
                                col = '<input type="button" id="Btn'+row.ID+'"  onclick="TestFunc(' + row.ID + ')" value="Add" class="GridButton"/>';
                                btnid = "Btn"+row.ID; //set to a global for getting out grid
                            }
                            return col;
                        }
                        }
                    ]]                
            }
            catch (err) {
                alert(err)
            }
        }       
    }

    document.getElemntById(btnid); //getting button, radio or text (value,checked etc)