如何从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

尝试以这种方式>

JS：

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

html：

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

希望它会有所帮助。