（easyUI）鼠标停留显示文字

            学习牛腩发布系统的时候，会遇见信息信息非常多，很多信息显示不出来，牛腩老师在表格中用...来显示。并且鼠标停留在相对应的表格，会在鼠标下会把所有的信息显示出来。

       真正做项目的时候，遇到了这么一个需求。感觉很难，还要一个行行的监听。然后回去看牛腩才知道这是一个html自己封装好了。

       就是title。 

    <div title="哈哈">哈哈</div>

在div中间的哈哈就是在html页面显示的"哈哈"，而title中的哈哈就是鼠标停留显示的"哈哈"。

        下面介绍一下，easyUI表格怎么让表格中的数据，自动添加上title。

    { field: 'Purpose', title: '用途', width: "10%", align: 'center', editor: 'text', formatter: kk }, //kk格式化的方法

           kk方法。

//鼠标滑过显示备注
function kk(val, row, index) {  //val是easyui自己封装的方法-对于框的值，row，index暂时没有用到
   
        return "<a title=" + val + ">" + val + "</a>";   
}

             多数来讲，这个属性主要是应用于备注这个字段，难免输入空格。如果有空格，就会造成鼠标停留时，显示的信息自动从空格后截取。

       这样该怎么办？进行一下空格转换ASCII就可以了。

 

return "<a title=" + val.replace(/ /g, ' ') + ">" + val + "</a>";

       谢谢大家的建议。