ExtJS技术需求：仅编写新JS在已有弹窗中添加HTML文本

如果已经在控制台验证过代码能达到预期效果，你可以直接使用这段封装好的Ext.js脚本，实现点击按钮后在弹窗内插入指定HTML文本的需求：

// 监听添加利益相关者用户按钮的点击事件
getComponent('addStakeholderUserBtn').on('click', function() {
    // 获取目标弹窗组件
    var addWindow = getComponent('stakeholderAddUserWindow');
    // 创建包含指定提示文本的面板
    var customLabel = Ext.create('Ext.Panel', {
        html: "Before adding a new user,'Add Existing Stakeholder'",
        bodyPadding: 10 // 添加上下左右内边距，让文本显示更美观
    });
    // 将自定义面板插入到弹窗的第2个位置（索引从0开始计数）
    addWindow.insert(1, customLabel);
});

代码细节说明： #

• 首先给addStakeholderUserBtn按钮绑定点击事件监听，确保弹窗触发时自动执行后续逻辑
• 通过getComponent方法获取目标弹窗stakeholderAddUserWindow，这里要注意确保组件ID和你的项目实际配置一致
• 创建Ext.Panel组件承载需要插入的文本，用html属性设置提示内容，bodyPadding用来调整文本与面板边缘的间距，提升视觉舒适度
• 调用弹窗的insert方法，把自定义面板插入到索引为1的位置（你可以根据需求修改索引值，调整文本在弹窗内的插入位置）

如果后续需要优化文本样式，还可以给Panel添加cls属性，关联自定义CSS类来做更细致的美化。

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