javascript - 无法使用 Knockout Kendo JS Binding 自定义 Kendo 日历月份模板

Question

我已经自定义了Kendo Calendar Month Template 引用文献Here 没有knockout-kendo.js。官方剑道引用来自Here .

问题是当我在 knockout-kendo.js 绑定(bind)中使用以下代码时，它没有被编译。看看这个Knockout-kendo.js with Calendar at fiddle 。如果我删除月 View 模板代码，它就可以工作。我如何使用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 绑定(bind)中使用月 View ？

更新:

Answer 1

在 Kendo 模板中，您需要转义引号。因此，您可以使用 " 而不仅仅是 "。

喜欢:

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>' +
                             '# } #'

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

这是更新的 fiddle :http://jsfiddle.net/rniemeyer/bfycstr4/