需求:列表显示部分字符串,泡泡提示。
前台部分:
<asp:TemplateField HeaderText="稽核信息" SortExpression="AuditInfo">
<ItemTemplate>
<a onmouseover="GetTips('<%# Eval("AuditInfo")%>',this);" onmouseout="layer.tips();">
<%# Eval("AuditInfo")!=null?(Eval("AuditInfo").ToString().Length>8?Eval("AuditInfo").ToString().Substring(0,8)+"...":Eval("AuditInfo").ToString()):"" %>
</a>
</ItemTemplate>
</asp:TemplateField>
js部分
引入:<script src="../Scripts/layer/layer.js" type="text/javascript"></script>
当鼠标移到省略部分 显示剩余部分
<script type="text/javascript">
function GetTips(info,obj)
{
if (info) {//提示信息,被提示对象,基础options
layer.tips(info, obj, {
tips: [3, '#01AAED'],//弹出方向 上下左右(1-4) 颜色
time: 3000,//3s后消失
});
}
}
</script>
强大的弹出 layer-api:http://www.layui.com/doc/modules/layer.html