i want to change the editor in iggrid from texteditor to combobox and gainsay

Thanks for your helper!

Now i'm using the igeditor to change from text editor to listdropdown(only show 1 column) but that can not show many column like the combobox so i change to combobox editor

have you any ways to resolve this problem?

Here is my code!

var indicesValueList = @Html.Raw(Json.Encode(New TPG.CommonDB.IndiceRepository().SelectData));// ID, Code, Description

$("#ugrdVariables").igGrid({
columns: [
{ headerText: "Variables", key: "sVariableName", dataType: "string", width: "100" },
{ headerText: "Values", key: "DisplayText" },
{ key: "iCusipFormula_Values_ID", hidden: true },
{ key: "intRateTerm_ID", hidden: true },
{ key: "intRate_Variable_ID", hidden: true },
{ key: "FormulaVariable", hidden: true },
{ key: "sVariableDesc", hidden: true },
{ key: "IsChanged", hidden: true },
],
width: "100%",
height: "165px",
primaryKey: 'iCusipFormula_Values_ID',
autoGenerateColumns: false,
dataSource: dataSource,
autoCommit: true,
dataSourceType: 'json',
features: [
{
name: "Updating",
enableAddRow: false,
enableDeleteRow: false,
editCellStarting: setValueEditor,
columnSettings: [
{ columnKey: "sVariableName", editorOptions: { readOnly: true } },
{
columnKey: "DisplayText", required: true, editorOptions: {
button: "dropdown"
}
}
],
editRowEnded: function (evt, ui) {
var strVarDesc = $("#ugrdVariables").igGrid("getCellValue", ui.rowID, "sVariableName");
if (strVarDesc != null && strVarDesc.substring(0, 5) == 'Index') {
$("#ugrdVariables").igGridUpdating("setCellValue", ui.rowID, "sVariableDesc", SearchIndexID(ui.values['DisplayText']));
} else {
var displayText = ui.values['DisplayText'];
if (displayText == null) { displayText = ""; }
$("#ugrdVariables").igGridUpdating("setCellValue", ui.rowID, "sVariableDesc", displayText);
}
var oldValue = ui.oldValues["DisplayText"];
var newValue = ui.values["DisplayText"];
if (oldValue != newValue) {
$("#ugrdVariables").igGridUpdating("setCellValue", ui.rowID, "IsChanged", true);
RebuildFormula($("#ugrdVariables").igGrid("option", "dataSource"));
}
}
}
]
});

function setValueEditor(evt, ui) {
if (ui.columnKey == "DisplayText") {
var recordObj = ui.owner.grid.findRecordByKey(ui.rowID);
var sVariableName = '';
if (recordObj) {
sVariableName = recordObj.sVariableName;
}
if (sVariableName.substring(0, 5) == 'Index') {//if value is index then show combobox or anythingelse like this that can show Code, Description at once(i have a template if it is //combobox) else show texteditor normaly

var vList = $.map(indicesValueList, function (item) { return item.Description; });
$(ui.editor).igEditor("option", "type", "combo");
$(ui.editor).igEditor("option", "buttonHidden", false);
$(ui.editor).igEditor("option", "listItems", vList);
$(ui.editor).igEditor("option", "textKey", 'Description');
$(ui.editor).igEditor("option", "textKey", 'ID');
} else {
$(ui.editor).igEditor("option", "type", "text");
$(ui.editor).igEditor("option", "listItems", null);
$(ui.editor).igEditor("option", "buttonHidden", true);
}
}
}