使用enableTooltips启用或禁止dhtmlxGrid单元格的提示信息

dhtmlxGrid默认情况下是启用了当鼠标移动到单元格上面时,弹出一个提示框信息。这个类似于html元素设置了title属性时,鼠标移动到上面的提示信息。可以使用enableTooltips方法进行启用和禁止。

dhtmlxGrid默认情况下是启用了当鼠标移动到单元格上面时,弹出一个提示框信息。这个类似于html元素设置了title属性时,鼠标移动到上面的提示信息。可以使用enableTooltips方法进行启用和禁止。

启用或禁用dhtmlxGrid的提示信息

上面使用红框框住的就是单元格的提示信息,你可以使用下面这行代码进行启用或禁用。如下:

mygrid.enableTooltips("true,false,false,false,false");

其中的取值为true和false。如果为true,则表示启用;false表示禁用。

实例代码如下:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>dhtmlxGrid测试</title>
<link type="text/css" rel="stylesheet" href="../../js/dhtmlxGrid/dhtmlxgrid.css" />
<link type="text/css" rel="stylesheet" href="../../js/dhtmlxGrid/skins/dhtmlxgrid_dhx_skyblue.css" />
<script type="text/javascript" src="../../js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="../../js/dhtmlxGrid/dhtmlxcommon.js"></script>
<script type="text/javascript" src="../../js/dhtmlxGrid/dhtmlxgrid.js"></script>
<script type="text/javascript" src="../../js/dhtmlxGrid/dhtmlxgridcell.js"></script>
<style type="text/css">
a {line-height:25px;color:blue;font-size:14px;}
</style>
</head>
<body>
<h4>
<a href="../../index.jsp">返回主页</a>
&nbsp;
<a href="main.jsp">返回页面</a>
</h4>

<div id="gridbox" style="width:600px;height:200px"></div>

<script type="text/javascript">
$(function(){
	// 创建dhtmlGrid对象,使用div的id来创建
    var mygrid = new dhtmlXGridObject('gridbox');
    // 设置表格需要用到的图片路径
    mygrid.setImagePath("../../js/dhtmlxGrid/imgs/");
    // 设置列名称
    mygrid.setHeader("编号,姓名,性别,年龄,联系电话");
    // 用像素设置列的宽度
    mygrid.setInitWidths("80,150,80,80,*");
    // 设置列值的对齐方式
    mygrid.setColAlign("right,left,left,left,left");
    // 设置列的类型。如:ro为只读(readonly)
    mygrid.setColTypes("ro,ro,ro,ro,ro");
    // 设置排序方式
    mygrid.setColSorting("int,str,str,int,str");
    // 设置鼠标移动到单元格上面是否给出提示信息
    mygrid.enableTooltips("true,false,false,false,false");
    // 初始化表格
    mygrid.init();
    // 设置表格皮肤
    mygrid.setSkin("dhx_skyblue");
    // 设置表格数据
    mygrid.addRow(0, [100, "张三", "男", 20, "028-9090960"]);
    mygrid.addRow(1, [101, "李四", "男", 24, "028-7892960"]);
    mygrid.addRow(2, [102, "王五", "男", 22, "028-3693960"]);
    mygrid.addRow(3, [103, "薛强", "女", 23, "028-2896960"]);
});
</script>

</body>
</html>
真理惟一可靠的标准就是永远自相符合。 —— 欧文
0 不喜欢
说说我的看法 -
全部评论(
没有评论
关于
本网站属于个人的非赢利性网站,转载的文章遵循原作者的版权声明,如果原文没有版权声明,请来信告知:hxstrive@outlook.com
公众号