如何在Ext.msg.confirm中添加html

Question

如何使用extjs在Ext.msg.confirm中添加html？ 我试过这种方式

var messageVal = 'Are you sure you want to permanently delete the selected Names "abcd11, abcdefg_test_maxim_char0, abcdefg_test_maxim_char1, abcdefg_test_maxim_char2, abcdefg_test_maxim_char3, abcdefg_test_maxim_char4, abcdefg_test_maxim_char5, abcdefg_test_maxim_char6, abcdefg_test_maxim_char7, abcdefg_test_maxim_char8, abcdefg_test_maxim_char9, abcdefg_test_maxim_chars0, abcdefg_test_maxim_chars1, abcdefg_test_maxim_chars2, abcdefg_test_maxim_chars3, abcdefg_test_maxim_chars4, abcdefg_test_maxim_chars5, abcdefg_test_maxim_chars6, abcdefg_test_maxim_chars7, abcdefg_test_maxim_chars8, abcdefg_test_maxim_chars9, abcdefg_test_maxim_chars_0, abcdefg_test_maxim_chars_1, abcdefg_test_maxim_chars_2, abcdefg_test_maxim_chars_3, abcdefg_test_maxim_chars_4, abcdefg_test_maxim_chars_5, abcdefg_test_maxim_chars_6, abcdefg_test_maxim_chars_7, abcdefg_test_maxim_chars_8, abcdefg_test_maxim_chars_9, abcdefg_test_max_chars_2, abcdefg_test_maxim_char0, abcdefg_test_maxim_char250, abcdefg_test_maxim_char260, abcdefg_test_maxim_char270, abcdefg_test_maxim_char0, abcdefg_test_maxim_char50, abcdefg_test_maxim_char60, abcdefg_test_maxim_char10, abcdefg_test_maxim_char20, abcdefg_test_maxim_char30, abcdefg_test_maxim_char40, abcdefg_test_maxim_char70, abcdefg_test_maxim_char80, abcdefg_test_maxim_char90, abcdefg_test_maxim_char100, abcdefg_test_maxim_char110, abcdefg_test_maxim_char120, abcdefg_test_maxim_char130, abcdefg_test_maxim_char140, abcdefg_test_maxim_char150, abcdefg_test_maxim_char160, abcdefg_test_maxim_char170, abcdefg_test_maxim_char180, abcdefg_test_maxim_char190, abcdefg_test_maxim_char200, abcdefg_test_maxim_char210, abcdefg_test_maxim_char220, abcdefg_test_maxim_char230, abcdefg_test_maxim_char240, abcdefg_test_maxim_char250, abcdefg_test_maxim_char290, abcdefg_test_maxim_char300, abcdefg_test_maxim_char310, abcdefg_test_maxim_char320, abcdefg_test_maxim_char330, abcdefg_test_maxim_char340, abcdefg_test_maxim_char350, abcdefg_test_maxim_char360, abcdefg_test_maxim_char370, abcdefg_test_maxim_char380, abcdefg_test_maxim_char390, abcdefg_test_maxim_char400"?';


Ext.MessageBox.confirm({
  title: 'Delete Names',
  msg: messageVal,
  buttons: Ext.Msg.YESNO,
});

但是msg没有被人看到。

Answer 1

Javascript根本不支持模态操作，你必须使用回调，试试这段代码

var messageVal = 'Are you sure you want to permanently delete the selected Names "abcd11, abcdefg_test_maxim_char0, abcdefg_test_maxim_char1, abcdefg_test_maxim_char2, abcdefg_test_maxim_char3, abcdefg_test_maxim_char4, abcdefg_test_maxim_char5, abcdefg_test_maxim_char6, abcdefg_test_maxim_char7, abcdefg_test_maxim_char8, abcdefg_test_maxim_char9, abcdefg_test_maxim_chars0, abcdefg_test_maxim_chars1, abcdefg_test_maxim_chars2, abcdefg_test_maxim_chars3, abcdefg_test_maxim_chars4, abcdefg_test_maxim_chars5, abcdefg_test_maxim_chars6, abcdefg_test_maxim_chars7, abcdefg_test_maxim_chars8, abcdefg_test_maxim_chars9, abcdefg_test_maxim_chars_0, abcdefg_test_maxim_chars_1, abcdefg_test_maxim_chars_2, abcdefg_test_maxim_chars_3, abcdefg_test_maxim_chars_4, abcdefg_test_maxim_chars_5, abcdefg_test_maxim_chars_6, abcdefg_test_maxim_chars_7, abcdefg_test_maxim_chars_8, abcdefg_test_maxim_chars_9, abcdefg_test_max_chars_2, abcdefg_test_maxim_char0, abcdefg_test_maxim_char250, abcdefg_test_maxim_char260, abcdefg_test_maxim_char270, abcdefg_test_maxim_char0, abcdefg_test_maxim_char50, abcdefg_test_maxim_char60, abcdefg_test_maxim_char10, abcdefg_test_maxim_char20, abcdefg_test_maxim_char30, abcdefg_test_maxim_char40, abcdefg_test_maxim_char70, abcdefg_test_maxim_char80, abcdefg_test_maxim_char90, abcdefg_test_maxim_char100, abcdefg_test_maxim_char110, abcdefg_test_maxim_char120, abcdefg_test_maxim_char130, abcdefg_test_maxim_char140, abcdefg_test_maxim_char150, abcdefg_test_maxim_char160, abcdefg_test_maxim_char170, abcdefg_test_maxim_char180, abcdefg_test_maxim_char190, abcdefg_test_maxim_char200, abcdefg_test_maxim_char210, abcdefg_test_maxim_char220, abcdefg_test_maxim_char230, abcdefg_test_maxim_char240, abcdefg_test_maxim_char250, abcdefg_test_maxim_char290, abcdefg_test_maxim_char300, abcdefg_test_maxim_char310, abcdefg_test_maxim_char320, abcdefg_test_maxim_char330, abcdefg_test_maxim_char340, abcdefg_test_maxim_char350, abcdefg_test_maxim_char360, abcdefg_test_maxim_char370, abcdefg_test_maxim_char380, abcdefg_test_maxim_char390, abcdefg_test_maxim_char400"?';
title: 'Delete Names',
Ext.Msg.confirm('title', messageVal, function(btn, text){
    if (btn == 'ok'){
        // add here what you need to do.

    }
});

Answer 2

这是你必须提供的方式

   var messageVal = 'Are you sure you want to permanently delete the selected Names "abcd11, abcdefg_test_maxim_char0, abcdefg_test_maxim_char1, abcdefg_test_maxim_char2, abcdefg_test_maxim_char3, abcdefg_test_maxim_char4, abcdefg_test_maxim_char5, abcdefg_test_maxim_char6, abcdefg_test_maxim_char7, abcdefg_test_maxim_char8, abcdefg_test_maxim_char9, abcdefg_test_maxim_chars0, abcdefg_test_maxim_chars1, abcdefg_test_maxim_chars2, abcdefg_test_maxim_chars3, abcdefg_test_maxim_chars4, abcdefg_test_maxim_chars5, abcdefg_test_maxim_chars6, abcdefg_test_maxim_chars7, abcdefg_test_maxim_chars8, abcdefg_test_maxim_chars9, abcdefg_test_maxim_chars_0, abcdefg_test_maxim_chars_1, abcdefg_test_maxim_chars_2, abcdefg_test_maxim_chars_3, abcdefg_test_maxim_chars_4, abcdefg_test_maxim_chars_5, abcdefg_test_maxim_chars_6, abcdefg_test_maxim_chars_7, abcdefg_test_maxim_chars_8, abcdefg_test_maxim_chars_9, abcdefg_test_max_chars_2, abcdefg_test_maxim_char0, abcdefg_test_maxim_char250, abcdefg_test_maxim_char260, abcdefg_test_maxim_char270, abcdefg_test_maxim_char0, abcdefg_test_maxim_char50, abcdefg_test_maxim_char60, abcdefg_test_maxim_char10, abcdefg_test_maxim_char20, abcdefg_test_maxim_char30, abcdefg_test_maxim_char40, abcdefg_test_maxim_char70, abcdefg_test_maxim_char80, abcdefg_test_maxim_char90, abcdefg_test_maxim_char100, abcdefg_test_maxim_char110, abcdefg_test_maxim_char120, abcdefg_test_maxim_char130, abcdefg_test_maxim_char140, abcdefg_test_maxim_char150, abcdefg_test_maxim_char160, abcdefg_test_maxim_char170, abcdefg_test_maxim_char180, abcdefg_test_maxim_char190, abcdefg_test_maxim_char200, abcdefg_test_maxim_char210, abcdefg_test_maxim_char220, abcdefg_test_maxim_char230, abcdefg_test_maxim_char240, abcdefg_test_maxim_char250, abcdefg_test_maxim_char290, abcdefg_test_maxim_char300, abcdefg_test_maxim_char310, abcdefg_test_maxim_char320, abcdefg_test_maxim_char330, abcdefg_test_maxim_char340, abcdefg_test_maxim_char350, abcdefg_test_maxim_char360, abcdefg_test_maxim_char370, abcdefg_test_maxim_char380, abcdefg_test_maxim_char390, abcdefg_test_maxim_char400"?';

Ext.MessageBox.confirm('Delete Names', messageVal, function(btn){
    if(btn === 'yes'){
        //necessary actions
    }
});

这是小提琴链接 https://fiddle.sencha.com/#view/editor&fiddle/2gps

Answer 3

Ext.MessageBox.confirm接受以下格式的参数

confirm( title, msg, [fn], [scope] )

• title：String

  标题栏文字

• 消息：字符串

  消息框正文

• fn：功能（可选）

  关闭消息框后调用的回调函数。有关详细信息，请参阅show method。

• 范围：对象（可选）

  执行回调的范围（此引用）。

您可以查看以下工作 FIDDLE 。希望这能够帮助/指导你。