Hello. I am planning to use the taskboard for my code, but I would like to customize it a little bit. However Im finding almost any customization to be not possible. Im working with Copilot and its telling me a couple things that dont appear to be true:
1. On the datasource tab, I have commented out code because Copilot has told me that if I use the from attribute when defining the model that those fields would automatically map to its default title and description fields. It stays undefined until I switch to the default values.
2. The custom editor I have specified does not get acknowledged by the code. It simply loads the default one with Title and description fields. At the very minimum I just want it to show different labels than title and descritpion, such as PartyName and comments. However Im not seeing any way to not just load the out of the box solution.
Are my requests possible? The example code on this site just appear to use out of the box editing and mapping.
<body>
<div id="taskBoard"></div>
<script id="JurisdictionEditor" type="text/x-kendo-template">
<div style="padding:2em; color:red;">Custom Editor Rendered!</div>
</script>
<script>
$(function () {
$("#taskBoard").kendoTaskBoard({
dataSource: [
{ id: 1, title: "Jane", description: "Test", status: "cited" }
// { id: 1, PartyName: "Jane", comments: "Test", status: "cited" } //doesnt work
],
schema: {
model: {
id: "id",
fields: {
id: { type: "number" },
title: { from: "PartyName", type: "string" },
description: { from: "comments", type: "string" },
PartyName: { type: "string" },
comments: { type: "string" },
status: { type: "string" }
}
}
},
columns: [
{ text: "Cited", status: "cited" }
],
cardTemplate: "<div class='k-card-header'>#: PartyName #</div><div class='k-card-body'>#: comments #</div>",
editorTemplate: kendo.template($("#JurisdictionEditor").html())
});
});
</script>
</body>