Telerik選項卡條

Question

我有一個包含許多選項卡的選項卡條。當我在選項卡2中進行一些更改時，會彈出一個確認消息，詢問我是否要繼續而不保存，如果我說是，我需要將選項卡2中的修改字段的值重置爲其原始值。請幫我做這個。

請找我下面的示例代碼

Html.Telerik().TabStrip().Name("TabStripEmployeeDetail") 
     .Items(items => 
     { 
      items.Add() 
       .Text("tab1").HtmlAttributes(new { onclick = "return warnOfChanges()" }) 
       .LoadContentFrom(......); 
      items.Add().HtmlAttributes(new { onclick = "return warnOfChanges()" }) 
       .Text("tab2") 
       .LoadContentFrom(......); 
      items.Add() 
       .Text("tab3") 
       .LoadContentFrom(.......); 
      items.Add() 
       .Text("tab4") 
       .LoadContentFrom(....); 
      items.Add() 

我有一個JavaScript函數

function warnOfChanges() { 
     if(documentmodified) { 
      return confirm('Changes have been made on this tab. Continue without saving?'); 
     } 
     return true; 
    }; 

和我打電話的標籤的這個的onclick。請幫助這裏

Answer 1

首先，我建議您使用TabStrip的select事件，而不是在選項卡項上附加相同的處理程序。

要實際重置這些設置（因爲您正在使用Ajax加載它們），最簡單的方法是刷新TabFrom服務器的內容。要刷新特定選項卡，您可以使用Client API的重新加載方法。

查閱文檔以獲得如何使用reload方法的示例。