位于左侧的jQuery UI对话框按钮

我有一个定义如下的对话框：

 $('#dgReport').dialog({
            modal: true,
            autoOpen: false,
            width: 450,
            title: '',
            resizable: false,
            buttons: [
                {
                    text: 'Prev',
                    id: 'btnPrevReport',
                    click: function () { }
                },

                {
                    text: 'Next',
                    id: 'btnNextReport',
                    click: function () { }
                },


                {
                    text: 'Save',
                    click: function () {
                        
                    }
                },
                {
                    text: 'Cancel',
                    click: function () {
                        $(this).dialog('close');
                    }
                }
            ],
            open: function () {}
};

我希望“上一步”和“下一步”按钮位于左侧，而“保存”和“取消”按钮位于右侧，是否可以不借助于

窗格
类？
您可以在内部操作：


$（'button'）。在（'click'，函数（e）{
$（'dgReport'）。对话框（“打开”）；
});
$（“#dgReport”）。对话框({
莫代尔：是的，
自动打开：错误，
宽度：450，
标题：“”，
可调整大小：false，
按钮：[
{
文本：“Prev”，
id:'btnPrevReport'，
单击：函数（）{}
},
{
文本：“下一个”，
id:'btnNextReport'，
单击：函数（）{}
},
{
文本：“保存”，
单击：函数（）{
}
},
{
文本：“取消”，
点击：功能（e）{
$（this.dialog（'close'）；
}
}
],
创建：函数（e）{
var dbs=$（this）.closest（'.ui dialog'）.find（'.ui dialog buttonset'）；
css（'width'，'100%'）；
查找（'.ui按钮：包含（“保存”），.ui按钮：包含（“取消”））.css（{'float'：'right'，'margin right'：'0px'）；
}
});

打开对话框
这是用于显示信息的默认对话框。可以使用“x”图标移动、调整和关闭对话框窗口

非常感谢您！
create: function (e) {
    var dbs = $(this).closest('.ui-dialog').find('.ui-dialog-buttonset');
    dbs.css('width', '100%');
    dbs.find('.ui-button:contains("Save"), .ui-button:contains("Cancel")')
                                   .css({'float': 'right', 'margin-right': '0px'});
}