extjs3 tree 指定內容qtip

時間 2019-11-16

標籤 extjs3 extjs tree 指定內容 qtip 简体版

原文原文鏈接

<!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>

相關標籤/搜索