jqxcombobox внутри сетки не выбирается при редактировании
У меня есть Combobox внутри моего столбца сетки. При редактировании данных я должен отображать выбранные в соответствии с идентификатором, полученным от API. Столбец item_id в сетке не устанавливает значение (пусто), а выпадающий список не устанавливает выбранный.
Получение данных из API для редактирования...
this.rdmservice.show(id).subscribe(
result => {
this.requisition_item = result;
this.source.localdata = this.requisition_item;
this.myGrid.updatebounddata("cells");
},
error => {
console.log(error);
}
);
**data receiced from api...**
[
{ item_id: 2, quantity: 66, unit_id: 66, remarks: "Good",…},
{ item_id: 2, quantity: 66, unit_id: 66, remarks: "Good",…}
]
this.gridSource =
{
localdata: {},// data from api..
datatype: "json",
datafields:
[
{ name: "item_id", type: "string"},
{ name: "quantity", type: "number" },
{ name: "unit_id", type: "number" },
{ name: "remarks", type: "string" },
],
id:"item_id"
};
this.dataAdapter = new jqx.dataAdapter(this.gridSource);
this.comboboxSource =
{
datatype: "json",
datafields: [
{ name: "id" },
{ name: "name" },
],
async: false,
url: this.apiUrl+"item?limit=all"
};
this.comboboxAdapter = new jqx.dataAdapter(this.comboboxSource, {
autoBind:true,
downloadComplete: (data, status, xhr) => {
let tData = data.data;
return tData;
}
});
список данных для комбобокса, полученных из API:
[
{id: 1, code: "22", name: "xyzSection", …}
,
{id: 2, code: "34", name: "ABC Section",…},
{id: 3, code: "67", name: "nnn",…},
{id: 4, code: "hh", name: "hh", …}
]
this.columns =
[
{ text: "Item Name", datafield: "item_id", displayfield:"name", columntype: "combobox", width: 120 ,
initeditor: (row: number,cellvalue:string, editor: any,celltext:string,cellwidth:number,cellheight:number): void => {
editor.jqxComboBox({
source: this.comboboxAdapter,
displayMember: "name",
valueMember: "id"
});
}
},
{ text: "Quantity", datafield: "quantity", width: 120 },
{ text: "Unit", datafield: "unit_id", columntype: "textbox", width: 70 },
{ text: "Remarks", datafield: "remarks", columntype: "textbox", width: 120 },
];
Ожидаемый результат: список Combobox должен быть выбран путем сравнения данных из списка данных Combobox и редактирования данных из API.