Easyui datagrid列中使用tooltip

在Easyui里是有这个tooltip的例子的，但因为我用的框架是公司封装的，改起来比较麻烦，所以本来是打算用纯css写的tooltip框来显示的，但写完之后一直被那个datagrid生成的数据列表挡住，显示不全，所以只能去调用Easyui框架提供的方法去改那个封装的方法。

列定义:

{ field: 'test', title: '测试', width: 220, align: "center",
    formatter: function(value, row, index) {
        var oldValue = value;
        if (value.length>=22) {
            oldValue = value.substring(0,19) + "...";
        }
        var content = '<a href="#" title="' + value + '" class="test">' + oldValue + '</a>';
        return content;
    }
}

列定义就是这样定义了，但单纯这样定义是没用的，需要在列表生成后再去启用tooltip，也就是在onLoadSuccess里：

onLoadSuccess:function(data){
    $(".test").tooltip(
            {
                onShow: function(){
                    //设置css
                    $(this).tooltip('tip').css({
                        width:'200',
                        boxShadow: '1px 1px 3px red'
                    });
                    //不设置css
                    //$(this).tooltip('tip')
                }
            }
    );
}