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;
    };

我正在调用此选项卡。请在这里帮忙

Answer 1

首先，我建议您使用TabStrip的select事件，而不是在选项卡项上附加相同的处理程序。

要实际重置这些设置（因为您使用Ajax加载它们），最简单的方法是刷新TabFrom服务器的内容。要刷新特定标签，您可以使用客户端API的重新加载方法。

查看文档以获取有关如何使用reload方法的示例。