KendoUI Tabstrip打開一個基於url的標籤

是否有一些內置的功能來打開基於url的標籤頁（kendoUI TabStrip）？或者我必須編寫一些自定義函數來讀取url並根據它做一些工作？KendoUI Tabstrip打開一個基於url的標籤

來源

2012-11-26 Travis J

我認爲你將不得不解析URL，然後調用標籤條上的activateTab()函數打開你想要的標籤。

來源

2012-11-27 03:52:21 CodingWithSpike

當我回去工作時，我會試試這個，並且讓它知道它是否有效。 –

您可以獲取選項卡的ID並將其設置爲激活或編寫一個可以更改顯示的功能（如果要隱藏/顯示）。謝謝您的幫助。 –

檢查，如果這是你在找什麼：

HTML：

<div id="tabstrip"> 
    <ul> 
     <li class="k-state-active">Page 1</li> 
     <li>Page 2</li> 
     <li>Page 3</li> 
    </ul> 
</div>

的JavaScript：

$(document).ready(function() { 
    $("#tabstrip").kendoTabStrip({ 
     contentUrls:[ 
      "page1.html", 
      "page2.html", 
      "page3.html" 
     ] 
    }); 
});

它創建了一個3個標籤kendoTabStrip和每個選項卡中的內容是page1.html,page2.html和page3.html。

來源

2012-11-27 00:10:20 OnaBai

其實什麼即時希望做的是開放的標籤動態地根據網址。例如，如果我發送了一封電子郵件，並且該鏈接顯示page2，那麼在url中，它就像www.example.com？page2。處理完成後，它會自動打開與page2相對應的選項卡。 –

嗨@OnaBai，對於這個解決方案，如何綁定角度控制器？我試圖在每個html文件中綁定控制器，但沒有運氣，綁定不起作用。 – Allen4Tech

如果你想如果你使用一個templete系統（如常規的打法框架1.x中）設置在渲染狀態的活動標籤（未將JS在頁面加載）

解決方案，你可以寫的東西像這樣：

<ul> 
    <li class="#{if params.get('ref') == 'application'}k-state-active#{/if}">Application</li> 
    <li class="#{if params.get('ref') == 'payment'}k-state-active#{/if}">Payment</li> 
</ul> 
<div> 
    content for tab application 
</div> 
<div> 
    content for tab payment 
</div>

注： params.get（「參考」）是指請求的獲得PARAM名稱爲：「裁判」

如果你打開這個頁面的網址：成才.dev /儀表板？REF =支付

你會得到付款選項卡爲活動

來源

2013-02-13 13:53:15

KendoUI Tabstrip打開一個基於url的標籤

回答

相關問題