写页面的一些例子

小记

记录一下写页面时候用到的几个例子

笔记

实现单击一个li改变背景颜色的例子

实现思想：
每一个li都有同样的点击方法，在点击方法中实现如下

点击的li改变class 其它li变为默认class

代码如下：

var that=event.currentTarget;
var device_id=that.id;
$("ul[id=device_lib_array] > li").attr("class","col-md-2");
$("#"+device_id).attr("class","col-md-2 device_lib_selected");

html如下：

实现单击方法与双击方法的区分

实现思想：

在单击方法中添加一个延时

代码如下：

    		var timer=null;
            function dbclick(){
                clearTimeout(timer);
				console.log("双击");
            }

            function click(){
                clearTimeout(timer);
                timer = setTimeout(function() {
                	console.log("单击");
                },300);
            }

bootstrap treeview结点前添加图标

实现效果：每个结点前添加自定义图标

实现思想：

在treeview 的 data[]中添加 icon 字段，icon对应着一个span标签的class
修改其样式

代码如下：

        .rs{
            background:#0000 url("./img/rs485_used.png") no-repeat;
            width: 100%;
            padding-top: 11px;
            background-size: cover;
	        background-position: center;
            display: inline-block;
        }
        .netport{
            background:#0000 url("./img/net_port_used.png") no-repeat;
            width: 100%;
            padding-top: 11px;
            background-size: cover;
	        background-position: center;
            display: inline-block;
        }