mirror of
https://github.com/hanzoai/jube-fork.git
synced 2026-11-02 09:25:40 +00:00
107 lines
4.7 KiB
HTML
Executable File
107 lines
4.7 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Editing</title>
|
|
<meta charset="utf-8">
|
|
<link href="../content/shared/styles/examples-offline.css" rel="stylesheet">
|
|
<link href="../../styles/kendo.common.min.css" rel="stylesheet">
|
|
<link href="../../styles/kendo.rtl.min.css" rel="stylesheet">
|
|
<link href="../../styles/kendo.default.min.css" rel="stylesheet">
|
|
<link href="../../styles/kendo.default.mobile.min.css" rel="stylesheet">
|
|
<script src="../../js/jquery.min.js"></script>
|
|
<script src="../../js/jszip.min.js"></script>
|
|
<script src="../../js/kendo.all.min.js"></script>
|
|
<script src="../content/shared/js/console.js"></script>
|
|
<script>
|
|
|
|
</script>
|
|
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<a class="offline-button" href="../index.html">Back</a>
|
|
|
|
<div id="example">
|
|
<div id="treelist"></div>
|
|
|
|
<script>
|
|
$(document).ready(function () {
|
|
var crudServiceBaseUrl = "https://demos.telerik.com/kendo-ui/service";
|
|
|
|
var dataSource = new kendo.data.TreeListDataSource({
|
|
transport: {
|
|
read: {
|
|
url: crudServiceBaseUrl + "/EmployeeDirectory/All",
|
|
dataType: "jsonp"
|
|
},
|
|
update: {
|
|
url: crudServiceBaseUrl + "/EmployeeDirectory/Update",
|
|
dataType: "jsonp"
|
|
},
|
|
destroy: {
|
|
url: crudServiceBaseUrl + "/EmployeeDirectory/Destroy",
|
|
dataType: "jsonp"
|
|
},
|
|
create: {
|
|
url: crudServiceBaseUrl + "/EmployeeDirectory/Create",
|
|
dataType: "jsonp"
|
|
},
|
|
parameterMap: function(options, operation) {
|
|
if (operation !== "read" && options.models) {
|
|
return {models: kendo.stringify(options.models)};
|
|
}
|
|
}
|
|
},
|
|
batch: true,
|
|
schema: {
|
|
model: {
|
|
id: "EmployeeId",
|
|
parentId: "ReportsTo",
|
|
fields: {
|
|
EmployeeId: { type: "number", editable: false, nullable: false },
|
|
ReportsTo: { nullable: true, type: "number" },
|
|
FirstName: { validation: { required: true } },
|
|
LastName: { validation: { required: true } },
|
|
HireDate: { type: "date" },
|
|
Phone: { type: "string" },
|
|
HireDate: { type: "date" },
|
|
BirthDate: { type: "date" },
|
|
Extension: { type: "number", validation: { min: 0, required: true } },
|
|
Position: { type: "string" }
|
|
},
|
|
expanded: true
|
|
}
|
|
}
|
|
});
|
|
|
|
$("#treelist").kendoTreeList({
|
|
dataSource: dataSource,
|
|
toolbar: [ "create" ],
|
|
editable: true,
|
|
height: 540,
|
|
columns: [
|
|
{ field: "FirstName", expandable: true, title: "First Name", width: 220 },
|
|
{ field: "LastName", title: "Last Name", width: 100 },
|
|
{ field: "Position" },
|
|
{ field: "HireDate", title: "Hire Date", format: "{0:MMMM d, yyyy}" },
|
|
{ field: "Phone", title: "Phone" },
|
|
{ field: "Extension", title: "Ext", format: "{0:#}" },
|
|
{ command: [{ name: "createchild", text: "Add child" }, "edit", "destroy"], width: 300 }
|
|
]
|
|
});
|
|
});
|
|
</script>
|
|
</div>
|
|
|
|
<style>
|
|
.k-treelist .k-command-cell .k-button {
|
|
min-width: 0px;
|
|
padding: 10px 10px 10px 10px;
|
|
}
|
|
</style>
|
|
|
|
|
|
</body>
|
|
</html>
|