Kendo Tabstrip在MVVM的左侧显示选项卡

Question

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

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

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

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

以下是具有此data-tabPosition属性但标签位置仍位于顶部的代码的MVVM示例

http://dojo.telerik.com/UDELe

Answer 1

你应该这样使用：

data-tab-position="left"

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