Невозможно выбрать переключатель в столбце списка переключателей в JqxGrid - PullRequest
0 голосов
/ 08 января 2019

Я пытаюсь добавить столбец списка радиокнопок в Jqxgrid, используя функцию 'cellrenderer'. У меня есть код ниже, но я не могу щелкнуть и выбрать переключатель в списке, когда другой уже выбран для каждой строки за один раз. Идентификатор «Indicator» - это строка со значением 1 или 2. Пожалуйста, посмотрите, дайте мне знать, что здесь не так. Если это неправильный подход, не стесняйтесь предложить лучший подход.

enter image description here

var linkrenderer = function (row, column, value) {

                        var valueString = "<input id=\'rbtnbps_" + row + "\' style=\'margin-left:10px; margin-top:10px\'  type=\'radio\' name=\'editList_" + row + "\' value=\'1\'>  Option 1     <input id=\'rbtnper_" + row + "\' style=\'margin-left:10px;margin-top:10px\' type=\'radio\' name=\'editList_" + row + "\' value=\'0\'>  Option 2";
                        return valueString;
                    }

    $("#jqxClassRulesGrid").jqxGrid(
                        {
                            source: dataAdapter,
                            editable: true,
                            width: "50%",
                            autoheight: true,
                            rowsheight: 40,
                            sortable: true,
                            selectionmode: "singlerow",
                            editmode: "selectedrow",
                            columnsresize: true,

                            columns: [
                                { text: 'Class', datafield: 'Class', align: 'left', width: '30%', exportable: true, editable: false, sortable: true, columnsresize: true },
                                {
                                    text: "Type",
                                    width: 1000,
                                    editable: true,
                                    datafield: "IndicatorID",
                                    columntype: 'custom',
                                    cellsrenderer: linkrenderer                               

                                }],
                            ready: function () {

                            }
                        });
...