小编Ovi*_*Ovi的帖子

如何从kendo模板绑定调用父方法?

我有以下小提琴.我正在尝试为数组汽车内的每个元素调用父方法lowestMpgMsg.我尝试使用以下绑定而没有运气:

data-bind="text: lowestMpgMsg()"
data-bind="text: parent.lowestMpgMsg()"
data-bind="text: parent().lowestMpgMsg()"
data-bind="text: parent().lowestMpgMsg"
Run Code Online (Sandbox Code Playgroud)

谢谢!

这是我的HTML

<div class="container">
<div id="template-container" data-template="template" data-bind="source: cars"></div>
<script id="template" type="text/x-kendo-template">
    <div>
        <span data-bind="text: brand"></span> - 
        <span data-bind="text: mpg"></span> - 
        <span data-bind="text: lowestMpgMsg()"></span> - 
    </div>
</script>
Run Code Online (Sandbox Code Playgroud)

这是我的javascript

var viewModel = kendo.observable({
    cars: [
        {brand: "Toyota", mpg: 22},
        {brand: "Mini", mpg: 32},
        {brand: "Honda", mpg: 23}
    ],
    lowestMpgMsg: function(e) {
        var sorted = this.cars.sort(function(a, b) {
            return a.mpg - b.mpg > 0;
        });

        return e.mpg > sorted[0].mpg ? "no" …
Run Code Online (Sandbox Code Playgroud)

javascript mvvm knockout.js kendo-mvvm

5
推荐指数
1
解决办法
4265
查看次数

有没有办法在单击日期选择器外部的已知容器时阻止剑道日期选择器日历弹出窗口关闭?

我正在使用 kendo 日期选择器,并且在弹出日历的底部添加了一个文本区域,供用户在更改日期时添加评论。当日期选择器显示时,我会显示评论区域,但是当我单击文本区域输入评论时,日历会关闭。我尝试在日期选择器的关闭事件上使用 e.preventDefault() 但它永远不会关闭。

有没有办法在单击日期选择器外部的已知容器时阻止剑道日期选择器日历弹出窗口关闭?

代码:

网页:

<div class="date-comment-wrapper">
    <textarea id="date-comment" cols="30" rows="5"></textarea>
    <button class="pull-right" id="date-change-submit">Submit Change</button>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.date-comment-wrapper {
    padding: 10px;
    border: 1px solid #c5c5c5;
    width: 225px;
    position: absolute;
    top: 0px;
    left: 0px;
    display:none;
    background-color: white;
    border-radius: 0 0 4px 4px;
}
Run Code Online (Sandbox Code Playgroud)

Javascript 在日期选择器下定位:

var commentDiv = $('.date-comment-wrapper'),
    paddingPlusBorder = 22,
    calendarTopElement = $('.k-animation-container'),
    width = parseFloat(calendarTopElement.css('width')) - paddingPlusBorder,
    height = parseFloat(calendarTopElement.css('height')),
    textArea = commentDiv.children('#date-comment'),
    top = parseFloat(calendarTopElement.css('top')),
    left = parseFloat(calendarTopElement.css('left'));

commentDiv.css({
    width: width,
    left: left,
    top: …
Run Code Online (Sandbox Code Playgroud)

javascript css telerik kendo-ui kendo-datepicker

5
推荐指数
1
解决办法
2742
查看次数