i have added image property event , change event template show image in event. please check demo application. when double click on event, open edit event popup without issue. if double click on empty area add new event, console shows following error , events disappeared.
uncaught referenceerror: image not defined any idea?
regards,
lilan
for purpose need define custom template, because kendo scheduler isnt support additional fields instead of resources.
<script type="text/x-kendo-template" id="schedulertemplate"> <div class="k-edit-label"> <label for="title">title</label> </div> <div data-container-for="title" class="k-edit-field"> <input class="k-textbox" data-bind="value:title" name="title" type="text" required="required" /> </div> <div class="k-edit-label"> <label for="start">start</label> </div> <div data-container-for="start" class="k-edit-field"> <input id="start" name="start" required="required" style="z-index: inherit;" type="datetime" data-bind="value:start,invisible:isallday" data-format="d/m/yyyy h:mm tt" data-role="datetimepicker" /> <input name="start" required="required" type="date" style="z-index: inherit;" data-bind="value:start,visible:isallday" data-format="d/m/yyyy" data-role="datepicker" /> <span data-bind="text: starttimezone"></span> <span data-for="start" class="k-invalid-msg"></span> </div> <div class="k-edit-label"> <label for="end">end</label> </div> <div data-container-for="end" class="k-edit-field"> <input id="end" name="end" required="required" style="z-index: inherit;" type="datetime" data-bind="value:end,invisible:isallday" data-format="d/m/yyyy h:mm tt" data-role="datetimepicker" /> <input name="end" required="required" type="date" style="z-index: inherit;" data-bind="value:end,visible:isallday" data-format="d/m/yyyy" data-role="datepicker" /> <span data-bind="text: endtimezone"></span> <span data-for="end" class="k-invalid-msg"></span> </div> </script> scheduler initialization
$("#ksheduler").kendoscheduler({ date: new date(), starttime: new date("2015/1/1 07:00 am"), dateheadertemplate: kendo.template("<strong>#=kendo.tostring(date, 'd/m')#</strong>"), height: 600, views: [ "day", "week", ], timezone: "etc/utc", majortick: 60, minortickcount: 1, editable: { template: kendo.template($("#schedulertemplate").html()) }, eventtemplate: $("#event-template").html(), datasource: { type: "odata-v4", batch: false, sync: function (e) { var scheduler = $("#ksheduler").data("kendoscheduler"); if (scheduler) { scheduler.refresh(); scheduler.datasource.read(); } }, transport: { read: { url: "odata/scheduleodata", datatype: "json", contenttype: "application/json; charset=utf-8", }, update: { url: "odata/scheduleodata", type: "post", datatype: "json", contenttype: "application/json; charset=utf-8", }, create: { url: "odata/scheduleodata", type: "post", datatype: "json", contenttype: "application/json; charset=utf-8" }, destroy: { url: function (data) { return "odata/scheduleodata(" + data.id + ")"; }, type: "delete", datatype: "json", contenttype: "application/json; charset=utf-8", }, parametermap: function (data, operation) { if (operation == "destroy") { return; // kendo.stringify(data); } var d = kendo.data.transports.odata.parametermap(data, operation); delete d.$inlinecount; // <-- remove inlinecount parameter delete d.$callback; return d; } }, schema: { data: function (data) { return data["value"]; }, total: function (data) { return data['@odata.count']; }, model: { id: "taskid", fields: { taskid: { from: "id", type: "number" }, title: { from: "title", defaultvalue: "interview", validation: { required: true } }, start: { type: "date", from: "startdate" }, end: { type: "date", from: "enddate" }, isallday: { type: "boolean", from: "isallday", title: "is day" }, } } }, }, resources: [ ], edit: function (e) { // here logic initialization controls on edit/create } }); 
Comments
Post a Comment