easyui messager中的內容不能自適應大小問題處理

時間 2019-11-10

標籤 easyui messager 內容不能自適應大小問題處理欄目 CSS 简体版

原文原文鏈接

項目中發現一個問題，easyui下面的 messager下面的組件不能根據消息內容自適應寬高，正常狀況下應該是內容超過彈框時能夠自動出現滾動條的，但通過測試 1.4.1 1.4.2是直接把內容截斷了，試了幾個其餘版本 1.3.一、1.4.五、1.7.1都沒有這個問題，不能升級組件，只能修改css樣式。javascript

修改easyui.css,大概在2248行css

.messager-body {
  padding: 10px;
  overflow: hidden;
}

爲html

.messager-body {
  padding: 10px;
  /**overflow: hidden;**/
}

修改前效果：java

修改後效果：mysql

相關代碼：jquery

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <link id="easyuiTheme" rel="stylesheet" type="text/css" href="easyui1.4.1/themes/default/easyui.css?v=4.0">
  <link rel="stylesheet" type="text/css" href="easyui1.4.5/themes/icon.css?v=4.0">
  <script type="text/javascript" src="easyui1.4.1/jquery.min.js?v=4.0"></script>
  <script type="text/javascript" src="easyui1.4.1/jquery.easyui.min.js?v=4.0"></script>
  <title>Document</title>
 </head>
 <body>
   <p>
           
            <a href="javascript:void(0)" class="easyui-linkbutton" onclick="center()">Center</a>
            <a href="javascript:void(0)" class="easyui-linkbutton" onclick="dialog()">dialog</a>
        </p>
        <div id="dlg" class="easyui-dialog" style="width:200px;height:100px;padding:10px;" closed="true">
        org.springframework.jdbc.BadSqlGrammarException: PreparedStatementCallback; bad SQL grammar [/**mycat:schema=G_101_bi*/ select a.*,b.gna dsgna,b.daad dsad from dtip a left join dsrc b on a.dsgco = b.gco where 1=1 order by gco desc limit 0,20]; nested exception is com.mysql.jdbc.exceptions.jdbc4.MySQLSyntaxErrorException: Unknown column 'b.gna' in 'field list'
    </div>
        <script>
        var msg="org.springframework.jdbc.BadSqlGrammarException: PreparedStatementCallback; bad SQL grammar [/**mycat:schema=G_101_bi*/ select a.*,b.gna dsgna,b.daad dsad from dtip a left join dsrc b on a.dsgco = b.gco where 1=1 order by gco desc limit 0,20]; nested exception is com.mysql.jdbc.exceptions.jdbc4.MySQLSyntaxErrorException: Unknown column 'b.gna' in 'field list'";

        var temp = escape(msg);
        function center(){
            $.messager.show({
                title:'My Title',
                msg:'<div style="width:200px;word-wrap:break-word;">'+unescape(temp)+"</div>",
                showType:'fade',
                width:250,
                height:200,
                timeout:0,
                draggable:true,
                style:{
                    right:'',
                    bottom:''
                }
            });
        }
        function dialog(){
            $('#dlg').dialog('open');
        }
        
    </script>
 </body>
</html>