Я пытаюсь добавить столбец списка радиокнопок в Jqxgrid, используя функцию 'cellrenderer'. У меня есть код ниже, но я не могу щелкнуть и выбрать переключатель в списке, когда другой уже выбран для каждой строки за один раз. Идентификатор «Indicator» - это строка со значением 1 или 2.
Пожалуйста, посмотрите, дайте мне знать, что здесь не так. Если это неправильный подход, не стесняйтесь предложить лучший подход.
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 () {
}
});