Easy UI使用记录

• Easy UI DataGrid鼠标悬停显示表格内容：

 //鼠标悬停显示内容
            function formatCellTooltip(value) {
                return "<span title='" + value + "'>" + value + "</span>";
            }

• 自定义DataGrid样式：

 <style>
        .datagrid-row {
            height: 42px;
            text-align:center;
        }
    </style>

• 设置DataGrid表格高度不随内容变化：

 autoRowHeight:false

• DataGrid条件设置行变色：

 //设置失效样式
                rowStyler: function (index, row) {
                    if (row.NOTICE_FLAG == 0) {
                        return 'background-color:#CDCDC1';
                    }
                }

• LayOut布局下使某north布局不显示，且不影响本来样式：

<div region="north" border="false" collapsed="false"
         style="height: 5px; overflow:hidden" align="left">
        <form id="searchForm">
            <div class="tableForm datagrid-toolbar" style="height:2px;width:auto;">
                <table class="tableForm datagrid-toolbar" style="height: 1px;width:auto;">
                    <tr >
                        <td hidden="hidden"><a class="easyui-linkbutton"></a></td>
                    </tr>
                </table>
            </div>
        </form>
    </div>

• 使用富文本编辑器时忽略其生成样式：

{
                    field:'TOPIC_CONTENT',
                    title:'热帖内容',
                    width: 290,
                    height:42,
                    sortable : true, 
                    formatter: function (value) {
                        return "<lable title='" + value + "' align='top'  height=42>" + value.replace(/<.*?>/ig,"") + "</lable>";
                    }