日期:2014-05-16  浏览次数:20325 次

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你还可以指定高度和宽度。