Kendo Tabstrip在帶有MVVM的左側顯示標簽

Question

我想將Kendo Tabsrip與MVVM一起使用，並在屏幕左側顯示標簽。 通常，在非MVVM環境中，選項卡的位置設置如下：

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

但是，我不知道如何在tabPosition 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