0

同じページでデータテーブルとダイアログを使用しています。それぞれに異なるテーマを適用したいと思います。どうすればそれを達成できますか? 現在、私のデータテーブル テーマは両方に適用されています。ダイアログのスコープを設定するにはどうすればよいですか。

以下は私のダイアログコードです

   $('#newVisit').dialog({
                modal: true,
                autoOpen: false,
                draggable: true,
                width: 'auto',
                height: 'auto',
                title: "Add New Visit"

//                    open: function () {
//                        $(this).parents(".ui-dialog:first").find(".ui-dialog-titlebar").addClass("ui-state-error");
//                    }


            });                    //.parent(".ui-dialog").wrap("<div class='theme-smoothness'></div>");

ラッピングを試みましたが、成功しませんでした。任意のアイデアをいただければ幸いです。

4

1 に答える 1

0

デフォルトのjquery uiダイアログスタイルのスタイルを定義するためにcssの特異性を使用してみましたか? これらのクラスのカスタム スタイルを定義してみてください (ダイアログの動的クラス挿入に基づく)。

    <div class="**ui-dialog** ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable">
   <div class="**ui-dialog-titlebar** ui-widget-header ui-corner-all ui-helper-clearfix">
      <span id="**ui-dialog-title-dialog**" class="ui-dialog-title">Dialog title</span>
      <a class="ui-dialog-titlebar-close ui-corner-all" href="#"><span class="ui-icon ui-icon-closethick">close</span></a>
   </div>
   <div style="height: 200px; min-height: 109px; width: auto;" class="**ui-dialog-content** ui-widget-content" id="dialog">
      <p>Dialog content goes here.</p>
   </div>
</div>

ここでデフォルトのレイアウト/スタイルのリファレンスを見ることができます:

「テーマ」をクリック

于 2012-06-18T01:24:15.720 に答える