extjs3 tree 指定内容qtip
Posted A-long
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了extjs3 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>
以上是关于extjs3 tree 指定内容qtip的主要内容，如果未能解决你的问题，请参考以下文章
Extjs 3.4 Ext.tree.TreePanel 与 TreeLoader