开始的时候把mouseover事件写到了panel的Listener里,但是没有反映:
var treenode=new Ext.tree.TreePanel({
id:'lefttree',
width:150,
...
listeners:
{
"mouseover":function(node,event)
{
var tabId=node.id;
Ext.Ajax.request({
url:'shownodetitle',
params:{text:tabId}
});
}
}
});后来又试过treenode.addlistener('mouseover',自定义函数);
运行时通不过。
怎样才能给treepanel加上mouseover事件呢?
另外我的树节点是用json动态生成的,能给节点加浮动提示吗?各个节点的显示字号能修改吗?
var treenode=new Ext.tree.TreePanel({
id:'lefttree',
width:150,
...
listeners:
{
"mouseover":function(node,event)
{
var tabId=node.id;
Ext.Ajax.request({
url:'shownodetitle',
params:{text:tabId}
});
}
}
});后来又试过treenode.addlistener('mouseover',自定义函数);
运行时通不过。
怎样才能给treepanel加上mouseover事件呢?
另外我的树节点是用json动态生成的,能给节点加浮动提示吗?各个节点的显示字号能修改吗?
渲染的话应该怎么做呢?本人在这方面刚接触,还希望大家能讲地详细些,最好有些例子,谢谢了。
给你单独写了个小例子
Ext.onReady(function() {
Ext.QuickTips.init();
var tree = new Ext.tree.TreePanel({
el : 'tree',//换成你自己的div id
loader : new Ext.tree.TreeLoader(),
autoHeight : true
});
var root = new Ext.tree.AsyncTreeNode({
text : '我是根',
children : [{
text : '树节点1',
qtip : '我是提示1',//这个就是那个提示
leaf : true
}, {
text : '树节点2',
qtip : '我是提示2',
leaf : true
}]
});
tree.setRootNode(root);
tree.render(); });
[{
"children" : [{
"id" : "sub1",
"qtip" : "我是提示1",
"leaf" : true,
"text" : "子节点1"
}, {
"id" : "sub2",
"qtip" : "我是提示2",
"leaf" : true,
"text" : "子节点2"
}],
"id" : "num1",
"leaf" : false,
"text" : "节点1"
}]
还是说树已经加载完了 然后鼠标放到一个页子节点上的时候 你要再去后台查一下数据?