Oracle APEX对话框头部添加自定义按钮的技术问询

直接用jQuery的before()和after()方法就能实现你的需求，以下是完整代码：

// 1. 在关闭按钮左侧添加按钮，并统一关闭按钮样式
const $closeBtn = $('.ui-dialog-titlebar-close', window.parent.document);
// 插入关闭按钮左侧的按钮，添加右间距
$closeBtn.before('<button type="button" class="t-Button t-Button--custom-close-left">左侧按钮</button>');
// 给原生关闭按钮添加APEX按钮类，统一尺寸，同时设置左侧间距
$closeBtn.addClass('t-Button').css('margin-left', '8px');

// 2. 在标题元素之后添加右上角按钮
$('.ui-dialog-title', window.parent.document).after('<button type="button" class="t-Button t-Button--custom-title-right">右上角按钮</button>');

// 绑定左侧按钮点击事件
$('.t-Button--custom-close-left', window.parent.document).click(function() {
    console.log('左侧按钮被点击');
    // 此处编写你的业务逻辑
});

// 绑定右上角按钮点击事件
$('.t-Button--custom-title-right', window.parent.document).click(function() {
    console.log('右上角按钮被点击');
    // 此处编写你的业务逻辑
});

关键说明： #

• 用before()在关闭按钮前插入元素，after()在标题后插入元素，完美匹配你要的位置
• 给原生关闭按钮添加t-Button类，让它和自定义按钮尺寸完全一致，margin-left保证按钮间的间距
• 给自定义按钮设置唯一类名，避免和页面其他按钮的选择器冲突
• 若需调整按钮样式（比如图标、颜色），可通过自定义类添加CSS规则

内容的提问来源于stack exchange，提问作者Jason Bourne