dataSource = new kendo.data.DataSource({
transport: {
read: {
url: URL,
dataType: "jsonp"
},
update: {
url: "",
dataType: "jsonp"
},
destroy: {
url: "",
dataType: "jsonp"
},
create: {
url: "",
dataType: "jsonp"
},
parameterMap: function (options, operation) {
if (operation !== "read" && options.models) {
return { models: kendo.stringify(options.models) };
}
}
},
batch: true,
pageSize: 10,
schema: {
model: {
id: "PROJECT_ID",
fields: {
"PROJECT_ID": { editable: false, nullable: true },
"PROJECT_NM": { validation: { required: true} },
"PROJECT_DESC": { validation: { required: true} },
"ACTIVE_IND": { type: "boolean" }
}
}
}
});
//GRID
$("#grid").kendoGrid({
dataSource: dataSource,
pageable: true,
height: 400,
toolbar: ["create"],
columns: [
{ field: "PROJECT_ID", title: "ID" },
{ field: "PROJECT_NM", title: "Name" },
{ field: "PROJECT_DESC", title: "Description" },
{ field: "ACTIVE_IND", title: "Active" },
{ command: ["edit"], title: " "}],
editable: "popup",
save: function (e) {
var g = $("#grid").data("kendoGrid");
var ds = g.dataSource;
var refresh = false;
//alert(kendo.stringify(e.model));
var url = "";
e.model.ACTIVE_IND = e.model.ACTIVE_IND ? 1 : 0
$.ajax({
url: url,
data: kendo.stringify(e.model),
type: 'POST',
processData: true,
async: false,
contentType: "application/json",
success: function (data, textStatus, jqXHR) {
alert("Updated")
},
error: function (xhr, status, error) {
alert("Failed to Update");
}
});
}
});
$("#cmbCompany").width(350).kendoComboBox({ placeholder: "Select company", serverFiltering: true, dataTextField: "Company", dataValueField: "ClientNo", dataSource: { transport: { read: "/Admin/GetAllCompany" } }, change: function () { var value = this.value(); if (value) { employeeDataSource.query({ companyNo: value }); employee.enable(); } else { employee.enable(false); } employee.value(""); } }); var employeeDataSource = new kendo.data.DataSource({ transport: { dataType: "json", read: "/Admin/GetEmployeesByCompany" } }); var employee = $("#cmbEmployee").width(300).kendoComboBox({ autoBind: false, placeholder: "Select employee", dataTextField: "Name", dataValueField: "Email", dataSource: employeeDataSource }).data("kendoComboBox");