I have a kendo combobox inside a kendo grid. I use MVVM binding to bind the combobox to the items in the list. The problem is, when i select an item from the combobox dropdown everything is fine, but when i manually type something into the combobox the value does not save... Here is my grid and combobox code:
grid:
$("#specificJoinGrid-" + this.gridID).kendoGrid({
dataSource: this.dataSource,
autoBind: true,
toolbar: ["create"],
sortable: {
mode: "multiple",
allowUnsort: true
},
columns: [
{ field: "ToField", title: OlapManagerLabels.Field, width: "20%", editor: fieldDropDownEditor.bind(this), template: "#=ToField#" },
{ field: "SpecificOperator", title: OlapManagerLabels.Operator, width: "15%", editor: operatorDropDownEditor.bind(this), template: "#=OlapManagerNamespace.getOperator(SpecificOperator)#" },
{ field: "SpecificValue", title: OlapManagerLabels.Value, width: "30%", editor: valueDropDownEditor.bind(this), template: "#=SpecificValue#" },
{ field: "SecondSpecificValue", title: OlapManagerLabels.SecondValue, width: "30%", editor: secondValDropDownEditor.bind(this), template: "#=SecondSpecificValue#" },
{ command: { name: "x", width: "5%" } }
],
editable: { createAt: "bottom" },
edit: function(e) {
var model = e.model; // access edited/newly added model
// model is observable object, use set method to trigger change event
model.ID = BINamespace.guid32();
model.set("id", model.ID);
},
selectable: true
});
dataSource:
this.dataSource = new kendo.data.DataSource({
data: DataSource,
batch: true,
schema: {
model: {
id: "ID",
fields: {
ToField: { editable: true, required: true },
SpecificOperator: { editable: true, required: true, defaultValue: 6 },
SpecificValue: { editable: true },
SecondSpecificValue: { editable: true },
DataSourceID: { defaultValue: this.dataSourceID },
ID: {},
Type: { defaultValue: 1 },
ToTableID: { defaultValue: this.tableID }
}
}
}
});
ComboBox:
valueDropDownEditor = function (container, options) {
var grid = $("#specificJoinGrid-" + this.gridID).data("kendoGrid");
var row = grid.select();
if (options.model.SpecificOperator != 1 && options.model.SpecificOperator != 0) {
$('<input data-text-field="Key" data-value-field="Key" data-bind="value:' + options.field + '"/>')
.appendTo(container)
.kendoComboBox({
autoBind: false,
dataSource: this.globalsDropDownDS,
template: "#=Description# (#=Key#)",
change: value1Changed.bind(this)
});
}
else {
grid.closeCell(container);
}
}
I have mapsOrder array and mapsData array of objects: let mapsOrder = [1,2,1,3]; let mapData = [ { id: 1, gates: [ { toId: 2, coords: { x: 2, y: 42 ...
I have mapsOrder array and mapsData array of objects: let mapsOrder = [1,2,1,3]; let mapData = [ { id: 1, gates: [ { toId: 2, coords: { x: 2, y: 42 ...
I am trying to submit a form and while submitting I call a function which is myOwnFun and it runs. But if I keep pressing enter for long time, form submit repeats which I don't want. Here is the ...
I am trying to submit a form and while submitting I call a function which is myOwnFun and it runs. But if I keep pressing enter for long time, form submit repeats which I don't want. Here is the ...
Maybe I am being stupid here but I cannot figure out how to respond to a Foundation 5 TopBar dropdown selection with a javascript function. I would like to select a theme for a library I use. To set ...
Maybe I am being stupid here but I cannot figure out how to respond to a Foundation 5 TopBar dropdown selection with a javascript function. I would like to select a theme for a library I use. To set ...
I created a class which sets up a pausable rxjs observable on an interval: export class RepeatingServiceCall<T> { private paused = false; private observable: Observable<T>; ...
I created a class which sets up a pausable rxjs observable on an interval: export class RepeatingServiceCall<T> { private paused = false; private observable: Observable<T>; ...