14
rated 0 times
[
21]
[
7]
/ answers: 1 / hits: 18475
/ 13 Years ago, sun, march 4, 2012, 12:00:00
I'm working with a kendo grid and I'm trying to make Name field a combobox that has it's own datasource. I'm not getting a javascript error, but when I go to edit the name field in the grid, it is not showing a ComboBox. It still shows an input field.
$(function () {
console.log(ready);
var datasource = new kendo.data.DataSource({
transport: {
read: {
url: , // Returns all items
dataType: json
}
},
pageSize: 10,
schema: {
model: {
id: Id,
fields: {
Id: { type: number, editable: false, nullable: false, visible: false },
Name: { type: string, editable: true, nullable: false, validation: { required: true} },
Description: { type: string, editable: true, validation: { required: true} }
}
}
}
});
var grid = $(#grid).kendoGrid({
dataSource: datasource,
editable: true,
height: 400,
columns: [
{ field: Id, width: 200 },
{
field: Name,
editor: function (container, options) { // This is where you can set other control types for the field.
$('< input name=' + options.field + '/>').appendTo(container).kendoComboBox({
dataSouce: [{ Id: 1, Name: MaryMaryMary }, { Id: 2, Name: John}],
dataValueField: Id,
dataTextField: Name,
});
}
}
],
dataBound: function (e) {
console.log(DataBound);
}
});
});
I'm not getting any javascript errors.
More From » jquery