datagrid中用tooltip

function msgFormat(value,row){
    value = value.replace(/ /g," ");
    return '<span title='+ value +' class="easyui-tooltip">'+value+'</span>';
}

当datagrid中的value过长时，可以使用tooltip显示完全

当tooltip的title中有空格时我们发现 鼠标移入只显示空格以前的部分，为了让value显示完全，用replace方法把空格用 来替换

formatter之后我们发现返回的标签并没有作用，需要在datagrid   loadSuccess之后重新申明一下tooltip

$(".easyui-tooltip").tooltip({
                    onShow: function () {
                        $(this).tooltip('tip').css({
                            marginLeft: '-45px',
                            borderColor: 'blue'
                        });
                    }
                });

直接写

$(".easyui-tooltip").tooltip()也是可以的

 

转载于:https://www.cnblogs.com/AnnieShen/p/6757876.html