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

您是否尝试过使用 css 特性来定义默认 jquery ui 对话框样式的样式？尝试为这些类定义自定义样式（基于对话框动态类插入）：

    <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 回答