Kendo Tabstrip在MVVM的左侧显示标签

I want to use Kendo Tabsrip with MVVM and show tabs on the left-side of the screen. In general, in non-MVVM environment tab positions is set like this:

我想将Kendo Tabsrip与MVVM一起使用，并在屏幕左侧显示标签。通常，在非MVVM环境中，选项卡位置设置如下：

 $(document).ready(function () {
                $("#tabstrip-left").kendoTabStrip({
                    tabPosition: "left",
                    animation: { open: { effects: "fadeIn" } }
                });
 }

However, I don't know how to set tabPosition attribute in the kendo MVVM. I have tried this in MVVM but it did not worked:

但是，我不知道如何在kendo MVVM中设置tabPosition属性。我在MVVM中尝试了这个但它没有用：

<div data-role="tabstrip"
             data-tabPosition="left" 
             data-bind="events: { select: onSelect },
             visible: isVisible">
....
</div>

Here is a MVVM example of the code that has this data-tabPosition attribute but tab position is still on the top

下面是具有此data-tabPosition属性但选项卡位置仍位于顶部的代码的MVVM示例

http://dojo.telerik.com/UDELe

1 个解决方案

#1

You should use this way:

你应该这样使用：

data-tab-position="left"

There is rule: data-some-variable parameter will produce javascript variable someVariable

有规则：data-some-variable参数会产生javascript变量someVariable

#1