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

Question

In my html template i used :

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

In my viewModel i tried to get this element like this way :

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

But i can't get the caller element in my console.log("Element", element) . Is there any way to get caller element using this model function ?

Answer 1

Try this way >

JS :

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

HTML :

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

Hope it will help.