简单的extjs tree

最新推荐文章于 2024-08-16 22:57:43 发布

hu_2005

最新推荐文章于 2024-08-16 22:57:43 发布

阅读量470

点赞数 1

文章标签： extjs stylesheet tree function html ext

本文链接：https://blog.csdn.net/hu_2005/article/details/5408271

版权

<html xmlns="http://www.w3.org/1999/xhtml" >
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>ExtJS</title>
		<link rel="stylesheet" type="text/css" href="../extjs/resources/css/ext-all.css" />
		<script type="text/javascript" src="../extjs/adapter/ext/ext-base.js"></script>
		<script type="text/javascript" src="../extjs/ext-all-debug.js"></script>
		<script> 
			Ext.onReady(function(){				
    // shorthand
    var Tree = Ext.tree;
   
    var tree = new Tree.TreePanel({
        el:'tree-div',
        autoScroll:true,
        animate:true,
        enableDD:true,
        containerScroll: true,
        loader: new Tree.TreeLoader({
            dataUrl:'tree.json'
        })
    });

    // set the root node
    var root = new Tree.AsyncTreeNode({
        text: 'Ext JS',
        draggable:false,
        id:'source'
    });

    tree.setRootNode(root);

    // render the tree
    tree.render();
    root.expand();
});
		</script>
	</head>
	<body>
		<div id="tree-div" style="overflow:auto; height:300px;width:250px;border:1px solid #c3daf9;"></div>
	</body> 
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hu_2005

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简单的extjs tree

ExtJS Ext.onReady(function(){ // shorthand var Tree = Ext.tree; var tree = new Tree.TreePanel({ el:tree-div, autoScroll:true
复制链接

扫一扫