1

タブの数を決定する XML を読み取る動的タブを含むフォームをロードする必要があります。「タブ テンプレート」があり、各タブはこのコードで記述されています。最初の問題は、フィールドの ID にあります。2 つ (またはそれ以上) のタブがある場合、各タブ フィールドには同じ ID があり、それらを取得/設定することはできません。

タブを作成するには、次のような html 関数を使用します。

var divtab1 = $("#tab1").html();
var tabCode = "<div id='tab"+ i +"' class='tab_content'> "+ divtab1 +"</div>";
finalhtml = finalhml + tabCode;

ここで、#tab1 は「タブ テンプレート」で、各タブに対してこれを行います。最後に、div に finalhtml を配置します。

$("#bodyTabs").html(finalhtml);

タブはうまく構築されていますが、datepickers や ckeditors (テキスト エディター) などの一部の機能が機能しません。

フィールドIDを動的に変更する方法がわかりません。また、この方法が最適かどうかもわかりません。

なにか提案を?

たくさんの感謝!

4

3 に答える 3

1

試す

$('#ID').attr('id', 'ID2');

IDを変更するには

于 2013-02-21T13:02:11.967 に答える
0

最後に、私は1つの良い解決策を見つけます。C#を使用して、forを作成し、各反復を実行します。

<%     List<String> Idiomas = loadIdiomas();
       foreach (String idioma in Idiomas)
       { %>
       <div id="tab_<%=idioma%>" class="tab_content">
            <input type="text" name="<%=idioma%>_title" id="<%=idioma%>_title"  />
             ...

このように、JavaScriptの使用を避けて、タブごとに異なるIDフィールドを用意しています。それはよりエレガントで、日付ピッカーとテキストエディタの問題が解決されます。

あなたの答えをありがとう:)

于 2013-02-26T10:12:05.727 に答える
0

日付ピッカーまたはエディターを使用するときはいつでも、ドキュメント準備完了イベントでそれらを初期化する必要があります。したがって、タブのコンテンツを変更するたびに、尊敬されるコントローラーの Init メソッドを呼び出すだけで、期待どおりに動作することをお勧めします。

乾杯

于 2013-02-21T12:30:00.683 に答える