ext 增加tooltip ext grid 上的单元格中 加上tooltip
具体需求:grid-cell中当鼠标移动到上面的时候,需要显示一个panel,里面是一个fusionchart例如:{header:'deptid',dataIndex:...
具体需求:
grid-cell中当鼠标移动到上面的时候,需要显示一个panel,里面是一个fusionchart
例如:
{
header:'deptid',
dataIndex:'deptid',
renderer:function(v,metadata,rowInx,colInx,store){
var data = "<chart>.....</chart>";//这里是fusionchart 数据.通过AJAX 后台获得
var chart = new FusionCharts('.../Column3D.swf','100','100',....);//fusionchart 参数
chart.setDataXml(data);
chart.render('exportDiv');//这里需要一个div 的ID来渲染
var html = '<div id="exportDiv"></div>';
metadata.attr = 'ext:qtip="'+html+'"';
return v;
}
}
//大体是这样的,我需要一个div id 来渲染fusionchart ,但是这样的话,会出现找不到dom的问题,如果用dodument.createElement('div‘) 来创建的话,又不知道什么时候来得到数据。求解决..可以提供一个大体的思路也可以..谢谢谢谢啦..
本来想在单元格上加上onMouseOver 事件的,但是又不知道怎么加,好像ext grid中没有这个事件..求指教!!!感谢
本来想 创建几个DIV 加到body 后面,然后把fusionchart的数据加进去,然后在renderer 函数中
new Ext.tip.ToolTip({
target:'',//divID
});
加过发现不管用..具体代码现在没带,就是不知道这样的思路对不对呢..?? 展开
grid-cell中当鼠标移动到上面的时候,需要显示一个panel,里面是一个fusionchart
例如:
{
header:'deptid',
dataIndex:'deptid',
renderer:function(v,metadata,rowInx,colInx,store){
var data = "<chart>.....</chart>";//这里是fusionchart 数据.通过AJAX 后台获得
var chart = new FusionCharts('.../Column3D.swf','100','100',....);//fusionchart 参数
chart.setDataXml(data);
chart.render('exportDiv');//这里需要一个div 的ID来渲染
var html = '<div id="exportDiv"></div>';
metadata.attr = 'ext:qtip="'+html+'"';
return v;
}
}
//大体是这样的,我需要一个div id 来渲染fusionchart ,但是这样的话,会出现找不到dom的问题,如果用dodument.createElement('div‘) 来创建的话,又不知道什么时候来得到数据。求解决..可以提供一个大体的思路也可以..谢谢谢谢啦..
本来想在单元格上加上onMouseOver 事件的,但是又不知道怎么加,好像ext grid中没有这个事件..求指教!!!感谢
本来想 创建几个DIV 加到body 后面,然后把fusionchart的数据加进去,然后在renderer 函数中
new Ext.tip.ToolTip({
target:'',//divID
});
加过发现不管用..具体代码现在没带,就是不知道这样的思路对不对呢..?? 展开
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询