|
當(dāng)數(shù)據(jù)比較多為,，出現(xiàn)省略符號(hào)， 需修改easyui樣式 （樣式必須在easyui自帶的后面,，重寫） <style type="text/css"> .datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber { text-overflow: ellipsis; } </style> 為了出現(xiàn)鼠標(biāo)放入的提示框， 需要修改js文件,，文件夾中的js
第一種方法 datagrid 中的使用 <th data-options="field:'Remark2',width:100,nytitle:true">備注2</th> 第二種方法 自己寫js ： （1）寫一個(gè)div <div id="titie" style="position: absolute; top: 500px; width: auto; background-color: #E7F3FF; display: none; z-index: 100000; border: 1px solid #e1e3e4; padding: 5px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px;"> </div> （2） 給數(shù)據(jù)列中加一個(gè)span標(biāo)簽,，標(biāo)簽里添加 鼠標(biāo)進(jìn)入和移除事件 <th data-options="field:'Remark3',width:100,formatter:rowformaterdir">備注3</th> function rowformaterdir(val, row) { if (val == null || val == 0) return ''; else (val != 0 || val == 0) return "<span onmouseover=\"CreateDiv(' " + val + "')\" onmouseout=\"RemoveDiv('" + val + "')\">" + val + "</span>"; } function CreateDiv(val) { var e = window.event // //這里可得到鼠標(biāo)X坐標(biāo) var pointX = e.pageX; //這里可以得到鼠標(biāo)Y坐標(biāo) var pointY = e.pageY; $("#titie").css("top", pointY + 20); $("#titie").css("margin-left", pointX); $("#titie").html("<span>" + val + "</span>"); $("#titie").show(); } function RemoveDiv(val) { $("#titie").hide(); }
|
|
|
