demo.html 返回列表
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>treeview 扩展 PHP趣味程序 T-800@vking</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/jquery.treeview.css"/>
<script type="text/javascript" src="http://t.800shang.com/images/js/jquery.min.js"></script>
<script type="text/javascript" src="jquery.treeview.js"></script>
<script type="text/javascript">
$(function(){
$("#tree").treeview({
url:'tree.json' //JSON地址
,click:function(i){alert($(i).attr('xtype'))} //点击事件
,openid:2 //默认打开ID
,field:{xtype:'type',href:'#ff:id'} //为A标签构造参数
,firstview:{field:'type',value:'router'} //显示的顶级元素
,errorid:[26,6,30,50]
});
});
</script>
</head>
<body>
可以直接传递json地址或json数据,可以定制单击事件及默认展开树节点
<pre>
$("#tree").treeview({
url:'tree.json' //JSON地址
,data: json //json数据,以data数据为主,url为辅
,click:function(i){alert($(i).attr('xtype'))} //点击事件,此处的i为a连接
,openid:49 //默认打开ID
,field:{xtype:'type',href:'#g:id'} //为A标签构造参数,前者为A标签属性名,后者为json数据字段名
//特别注意href的写法,:前是固定值,后面是json数据字段名
,firstview:{field:'type',value:'router'} //显示的顶级元素
,errorid:array //错误设备id 数组格式
,errorClass:'errorexp' //错误样式id
});
</pre>
<div id="tree" style="width:250px; border:#999999 1px solid">tree</div>
</body>
</html>
Add New Content