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