0

多くのタブを含むタブストリップがあります。タブ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と呼んでいます。ここで助けてください

4

1 に答える 1

1

まず、タブ項目に同じハンドラーをアタッチする代わりに、TabStrip の select イベントを使用することをお勧めします。

これらの設定を実際にリセットするには (Ajax でロードしているため)、サーバーから TabFrom のコンテンツを更新するのが最も簡単な方法です。特定のタブを更新するには、クライアント APIのreloadメソッドを使用できます。

reloadメソッドの使用例については、ドキュメントを確認してください。

于 2012-12-09T18:37:34.803 に答える