Question

需要在bootstrap的页脚上添加bootstrap3-dialog标签。根据{{3}}，只能在页脚区域添加按钮。

BootstrapDialog.show({
    title: 'Default Title',
    message: 'Click buttons below.',
    buttons: [{label: 'Title 1'}, {label: 'Title 2'}]
});

Answer 1

如果页脚没有任何按钮，默认情况下将保持隐藏状态（使用style="display:none;"）我设法将任何自定义HTML添加到页脚，如下所示：

BootstrapDialog.show({
  title: 'Default Title',
  message: 'Custom Footer',
  onshow: function(dialogRef) {
    dialogRef.getModalFooter()
      .css({display:'inline'})
      .find('.bootstrap-dialog-footer')
      .append('<span>Anything</span>');
   }
});

这是一个非常基本的例子，只是扩展了这个想法。

Answer 2

我认为如果你熟悉的话，你可以使用CSS处理它，目的是它总是一个按钮，但有一个“标签”样式，如下所示：

为每个'标签'添加一个css类：

BootstrapDialog.show({ title: 'Default Title', message: 'Click buttons below.', buttons: [{ label: 'Title 1', cssClass: 'buttonAsLabel1' }, { label: 'Title 2', cssClass: 'buttonAsLabel2' }] });

以与相关Bootstrap标签相同的方式声明Css类

.buttonAsLabel1 {..} .buttonAsLabel2 {..}

应该工作^^

如何将标签添加到Bootstrap对话框页脚

2 个答案: