Question

寻找关于如何在显示其中的数据时自动展开警报窗口的一些建议。

警报窗口的工作方式，当双击网格中的行时，它会在警报窗口中显示存储在“command_output”中的数据。

我遇到的问题有时候command_output可以是5000个字符长，而且没有任何空格。弹出警报窗口时，它将保持默认宽度，仅显示适合一行的字符，其余字符将被剪掉。

如何在包装文本时让我的警报窗口自动展开高度？

我正在使用ExtJS 5.0.1

    onDoubleClick: function(grid, record) {
    Ext.Msg.show({
        title : 'Copy the Dossier',
        msg : record.get('command_output'),
        closable : false,
        buttons : Ext.Msg.YESNO,
        buttonText : 
            {
                            yes : 'I copied the dossier - lets continue',
                            no : "Oops this isn't the dossier - lets go back"
            },
                    icon : Ext.Msg.INFO
                    });
       }

Answer 1

我设法用CSS来解决这个问题。

<强> CSS

.msg-wrap {
word-wrap: break-word !important;
white-space: normal !important;

}

<强>功能

onDoubleClick: function(grid, record) {
    Ext.Msg.show({
        xtype: 'panel',
        title : 'Copy the Dossier',
        message : record.get('command_output'),
        width: 600,
        cls: 'msg-wrap',
        buttons : Ext.Msg.YESNO,
        multiline: false,
        buttonText : 
            {
                            yes : 'I copied the dossier - lets continue',
                            no : "Oops this isn't the dossier - lets go back"
            },
                    icon : Ext.Msg.INFO
                    });
       }

ExtJS / Javascript - 自动扩展警报窗口高度/换行文本文本大小

1 个答案: