我已自定义了Kendo Calendar Month Template
参考Here with out knockout-kendo.js
。来自Here的官方剑道参考。
问题是当我在knockout-kendo.js binding its not getting compiled
中使用以下代码时。看一下这个Knockout-kendo.js
with Calendar at fiddle。如果我删除month view template code
,它的工作原理。我如何用knockout-kendo.js解决这个问题?
$("#calendar").kendoCalendar({
dates: birthdays,
month: {
// template for dates in month view
content: '# if (isInArray(data.date, data.dates, data) == "failure") { #' +
'<div class="failure">' + '#= data.value #' + '</div>' +
'# } #' +
'# if (isInArray(data.date, data.dates, data) == "success") { #' +
'<div class="success">' + '#= data.value #' + '</div>' +
'# } #' +
'# if (isInArray(data.date, data.dates, data) == "none") { #' +
'<div class="none">' + '#= data.value #' + '</div>' +
'# } #'
},
change: function () {
scheduler.date(this.value());
},
});
错误如下:
所以,问题是如何在Knockout-Kendo.js绑定中使用月视图?
更新
答案 0 :(得分:1)
在你的剑道模板中,你需要逃避你的报价。因此,您可以使用"
而不仅仅是"
。
像:
content: '# if (isInArray(data.date, data.dates, data) == "failure") { #' +
'<div class="failure">' + '#= data.value #' + '</div>' +
'# } #' +
'# if (isInArray(data.date, data.dates, data) == "success") { #' +
'<div class="success">' + '#= data.value #' + '</div>' +
'# } #' +
'# if (isInArray(data.date, data.dates, data) == "none") { #' +
'<div class="none">' + '#= data.value #' + '</div>' +
'# } #'
如果模板字符串有帮助,您可以将模板字符串移动到视图模型中。
这是一个更新的小提琴:http://jsfiddle.net/rniemeyer/bfycstr4/