主要是記錄自己工作時候用到過的一些東西吧，算是學習積累了。

1.這是在平臺修改的第一個bug，是ExtJS顯示方面的問題。

問題情況：ExtJS的gird布局時，鼠標滑過彈出提示框，提示框內容超出，導致數據顯示不全。

解決：讓框內的數據如果太多超出頁面就自動換行

主要代碼：

 {
            header: F.AL.EventName,
            dataIndex: "Content",
            width: 480,
            renderer: function (val, meta, rec) {
                
 
if (typeof rec.data.Code != ‘undefined‘) {
                    var code = Fleet.util.decimalToHex(rec.data.Code);
                    //var code = rec.data.EventCode;
                    var htmlValue = "<div style=‘word-wrap:break-word;word-break:break-all;overflow:auto;‘>" + val + "</div>" //
 
自動換行
                    meta.tdAttr = ‘data-qtip="[‘ + code + ‘]‘ + htmlValue + ‘"‘;
                    if (Ext.isEmpty(val)) {
                        return ‘[‘ + code + ‘]‘;
                    }
                }
                return ‘<div class="e_‘ + code + ‘" style="display:inline;padding:3px 0 0 20px;height:18px;"></div>‘ + val;
            }
        }
 

主要就是下面這兩句了。把後臺傳出來的長數據加上style=‘word-wrap:break-word;word-break:break-all;overflow:auto;‘瀏覽器懂的換行語句組裝起來，然後再添加到彈出提示框 ‘data-qtip="[‘ + code + ‘]‘ + htmlValue + ‘"‘;裏面。

var htmlValue = "<div style=‘word-wrap:break-word;word-break:break-all;overflow:auto;‘>" + val + "</div>" //自動換行
meta.tdAttr = ‘data-qtip="[‘ + code + ‘]‘ + htmlValue + ‘"‘;

工作筆記