javascript - Kendo Tabstrip 使用 MVVM 在左侧显示选项卡

Question

我想将 Kendo Tabsrip 与 MVVM 结合使用，并在屏幕左侧显示选项卡。一般来说，在非MVVM环境下tab位置设置如下:

 $(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>

这是一个 MVVM 代码示例，具有此 data-tabPosition 属性，但选项卡位置仍位于顶部

http://dojo.telerik.com/UDELe

Answer 1

你应该使用这种方式:

data-tab-position="left"

有规则:data-some-variable 参数将生成 javascript 变量 someVariable