无法使用 Knockout Kendo JS Binding 自定义 Kendo Calendar Month 模板

Question

我已经自定义了 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 绑定中使用月视图？

更新：

Answer 1

在您的剑道模板中，您需要转义您的引语。因此，您可以使用" 而不仅仅是"。

喜欢：

content: '# if (isInArray(data.date, data.dates, data) == "failure") { #' +
                                 '<div class=&quot;failure&quot;>' + '#= data.value #' + '</div>' +
                             '# } #' +
                             '# if (isInArray(data.date, data.dates, data) == &quot;success&quot;) { #' +
                                 '<div class=&quot;success&quot;>' + '#= data.value #' + '</div>' +
                             '# } #' +
                             '# if (isInArray(data.date, data.dates, data) == &quot;none&quot;) { #' +
                                 '<div class=&quot;none&quot;>' + '#= data.value #' + '</div>' +
                             '# } #'

如果有帮助，您可以将模板字符串移动到您的视图模型中。

这是一个更新的小提琴：http://jsfiddle.net/rniemeyer/bfycstr4/