如何从Kendo MVVM数据绑定函数调用中获取实际的html元素

Question

在我使用的html模板中：

<div class="h-line" data-bind="style:{width:getWidth(this)}"> <hr /> </div>

在我的viewModel中，我试图像这样得到这个元素：

getWidth: function (element) {
    console.log("Element", element);
    return ($("#preview-app").width()) + "px";
}

但是我无法在console.log("Element", element)中获取调用者元素。有没有办法使用这个模型函数获取调用元素？

Answer 1

尝试这种方式＆gt;

JS：

getWidth: function () {
    return ($(".h-line").[0].offsetWidth) + "px";
}

HTML：

<div class="h-line" data-bind="style:{width:getWidth}"> <hr /> </div>

希望它会有所帮助。