自己用

<html>     
<head>     
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">     
<title>checkbox tree</title>     
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />     
<script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>     
<script type="text/javascript" src="../../ext-all.js"></script>     
<link rel="stylesheet" type="text/css" href="../../examples/examples.css" />     
<script type="text/javascript" src="../../examples.js"></script>     
<script type="text/javascript">     
Ext.onReady(function(){     
    Ext.BLANK_IMAGE_URL = "../../resources/images/default/s.gif"         
    // shorthand     
    var Tree = Ext.tree;     
         
    var tree = new Tree.TreePanel({     
        el:'tree-div',     
        useArrows:true,     
        autoScroll:true,     
        animate:true,     
        enableDD:true,     
        containerScroll: true,      
        loader: new Tree.TreeLoader({     
            dataUrl:'0005_checkbox_reorder_tree.php'    
        })     
    });     
         
    tree.on('checkchange', function(node, checked) {        
        node.expand();        
        node.attributes.checked = checked;        
        node.eachChild(function(child) {        
            child.ui.toggleCheck(checked);        
            child.attributes.checked = checked;        
            child.fireEvent('checkchange', child, checked);        
        });        
    }, tree);       
    
    // 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>     
<h1>Tree</h1>     
<div id="tree-div" style="overflow:auto; height:300px;width:250px;border:1px solid #c3daf9;"></div>     
    
</body>     
</html>

你可能感兴趣的:(html,function,image,tree,div,stylesheet)