extjs3 tree 指定内容qtip

最新推荐文章于 2021-02-13 08:34:41 发布

weixin_33708432

最新推荐文章于 2021-02-13 08:34:41 发布

阅读量91

点赞数

原文链接：http://www.cnblogs.com/a-long/p/7239074.html

版权


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link href="resources/css/ext-all.css" rel="stylesheet">
    <script src="jslib/ext-base.js"></script>
    <script src="jslib/ext-all.js"></script>
</head>
<body>
<script>
    function init(){
        var tree = new Ext.tree.TreePanel({
            renderTo: Ext.getBody(),
            useArrows: true,
            autoScroll: true,
            animate: true,
            enableDD: true,
            containerScroll: true,
            border: false,
            title:'tree',
            root: {
                nodeType: 'async',
                text: 'Ext JS',
                draggable: false,
                id: 'source',
                children: [{
                    text: 'Menu Option 1',
                    leaf: true,
                    id:1,
                    code:'1001'
                }, {
                    text: 'Menu Option 2',
                    leaf: true,
                    id:2,
                    code:'1002'
                }, {
                    text: 'Menu Option 3',
                    leaf: true,
                    id : 3,
                    code:'1003'
                }]
            },
            listeners: {
                append: function (tree, parent, node, index ) {
                    Ext.QuickTips.init();
                    node.attributes.qtip=node.attributes.code;
                }
            }
        });
        tree.getRootNode().expand();
    }
    Ext.onReady(init);
</script>
</body>
</html>

转载于:https://www.cnblogs.com/a-long/p/7239074.html

weixin_33708432

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
extjs3 tree 指定内容qtip

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <link href="resources/css/ext-all.css" rel="stylesheet"> <script src="jsli...
复制链接

扫一扫