extjs引入图片有关问题

extjs引入图片问题
如下所要实现的功能就是把action中生成的图表放到extjs的窗口中，其中生成图表是用jfreechart的，那么在item中怎么写？

var chart = new Ext.FormPanel({
id:"chart",
width:340,
height:350,
frame:true,
labelAlign:"right",
monitorValid:true,
items:[
？？？？？？？？？？？？
]
});

var chartWindow = new Ext.Window({
width:340,
height:280,
title:"财务统计图表",
items:chart,
autoScroll:true,  
resizable:true,
draggable:true,
closable:true
});
chartWindow.show();

在jsp中我知道是可以这样的

<img src="JFreeChart!barExecute.action" border="1">

但是在extjs中怎么搞？就是item中
图片 Ext?JS JavaScript jfreechart
[解决办法]
如果你不需要提交东西，可以考虑直接用Panel而不用formpanel。panel在构造的时候利用它的html属性，把<img src="JFreeChart!barExecute.action" border="1">之类的代码嵌进去即可。
FormPanel的话，稍微复杂一点，他的每一个item都不再试Field的实例，而是panel的实例，既然是panel的实例，就又可以按上面的方法嵌html
[解决办法]

items:[{
    xtype:'image',
    src: 'http://www.sencha.com/img/20110215-feat-html5.png',
    renderTo: Ext.getBody()
}]

除了src你还可以指定高度和宽度。

查看更多 下一篇