KendoGrid inline editing with dynamic drop down lists - kendo-ui

Question

In this demo, if you click on the category, you'll see a dropdown list to choose the value. What I need is to have the values of the dropdown list depend on a condition, so when you open the dropdown list on different rows you may get different lists.
At the moment I create a row, I have the values to populate the dropdown list, but I'm not sure how to use these values.
This is how I defined the column (I won't be using a template):
{ field: "source", title: "Source", width: "180px", editor: srcEditor},
And this is the editor:
function srcEditor(container, options) {
$('<input required data-text-field="name" data-value-field="id"
data-bind="value:' + options.field + '"/>')
.appendTo(container)
.kendoDropDownList({
dataSource: sources,
dataTextField: "name",
dataValueField: "id"
});
}
This only works if all the rows have the same dropdown list, but how can I declare a different srcEditor for each row?

Answer 1

By this statement :
declare a different srcEditor for each row
You either mean to have
entirely different datasource for each row,
having same datasource but do some filter if certain condition meet, or
differ in styling (for this one simply add class/style)
Solution for number 1 modify your categoryDropDownEditor function, do some conditional to set the url for the datasource and add the different url :
function categoryDropDownEditor(container, options) {
var model = options.model;
var tempDataSource = new kendo.data.DataSource({
type: "odata",
transport: {
read: ( (model.UnitPrice > 20) ? urlConst.restServiceA : urlConst.restServiceB),
}
});
}
Solution for number 2 modify your categoryDropDownEditor function and add your condition and do (sor/filter) on parameter map, here's link :
function categoryDropDownEditor(container, options) {
var model = options.model;
var tempDataSource = new kendo.data.DataSource({
type: "odata",
transport: {
read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Categories",
parameterMap: function (options, operation) {
console.log("test",operation,operation);
if (operation == "read" && options) {
//do your condition here
if(model.UnitPrice > 20){
tempDataSource.filter({field:"CategoryName", operator:"eq", value: "Condiments"});
}
return kendo.data.transports["odata"].parameterMap(options, operation);
}
}
},
});