煎茶图像 url 如何显示在我的轮播中
How sencha image url display on my carousel
我遇到了一个问题,控制台说找不到我的图像 url。但是我直接在carousel-items-html-src里面写的时候显示的很好,但是当我用carousel.add来使用我的json.
里面的数据的时候就不行了
我发现 cause:the 图片 url 是正确的,但是当它通过时 course.the 图片 url 会自动在最后添加一个 '/' 字符,所以无法显示。我能做什么?
我的控制器代码:
Ext.define('ylp2p.controller.loadpic',{
extend: 'Ext.app.Controller',
launch: function(){
var storeId = Ext.create('ylp2p.store.picstore');
var imagecarousel = Ext.getCmp('imagecarousel');
storeId.load({
callback: function(records,operation,success){
Ext.each(records,function(record){
imagecarousel.add({html: '<img src='+record.get('url')+'/>'});---is it right?
});
}
});
}
});
我认为的轮播(部分代码):
{
xtype: 'carousel',
height: 300,
id: 'imagecarousel',
store: 'picstore'
},//end carousel
我的json代码:
{
"image" : [
{"name" : "cat", "url": "http://bleachthemind.files.wordpress.com/2010/08/cute-bunnys-domestic-animals-2785589-1024-768.jpg"},
{"name" : "lion", "url": "http://images1.fanpop.com/images/photos/2600000/Cheetah-Family-wild-animals-2603080-1280-1024.jpg"},
{"name" : "cat", "url": "http://bleachthemind.files.wordpress.com/2010/08/cute-bunnys-domestic-animals-2785589-1024-768.jpg"}
]
}
控制台说:
"GET https://bleachthemind.files.wordpress.com/2010/08/cute-bunnys-domestic-animals-2785589-1024-768.jpg/ 404 (Not Found)"
使用这个并检查..
imagecarousel.add({ html: '<img src = ' + record.get('url') + '></img>' });
我知道了
imagecarousel.add({html: '<img src='+record.get('url')+' height="100%" width="100%"/>'});
我遇到了一个问题,控制台说找不到我的图像 url。但是我直接在carousel-items-html-src里面写的时候显示的很好,但是当我用carousel.add来使用我的json.
里面的数据的时候就不行了我发现 cause:the 图片 url 是正确的,但是当它通过时 course.the 图片 url 会自动在最后添加一个 '/' 字符,所以无法显示。我能做什么?
我的控制器代码:
Ext.define('ylp2p.controller.loadpic',{
extend: 'Ext.app.Controller',
launch: function(){
var storeId = Ext.create('ylp2p.store.picstore');
var imagecarousel = Ext.getCmp('imagecarousel');
storeId.load({
callback: function(records,operation,success){
Ext.each(records,function(record){
imagecarousel.add({html: '<img src='+record.get('url')+'/>'});---is it right?
});
}
});
}
});
我认为的轮播(部分代码):
{
xtype: 'carousel',
height: 300,
id: 'imagecarousel',
store: 'picstore'
},//end carousel
我的json代码:
{
"image" : [
{"name" : "cat", "url": "http://bleachthemind.files.wordpress.com/2010/08/cute-bunnys-domestic-animals-2785589-1024-768.jpg"},
{"name" : "lion", "url": "http://images1.fanpop.com/images/photos/2600000/Cheetah-Family-wild-animals-2603080-1280-1024.jpg"},
{"name" : "cat", "url": "http://bleachthemind.files.wordpress.com/2010/08/cute-bunnys-domestic-animals-2785589-1024-768.jpg"}
]
}
控制台说:
"GET https://bleachthemind.files.wordpress.com/2010/08/cute-bunnys-domestic-animals-2785589-1024-768.jpg/ 404 (Not Found)"
使用这个并检查..
imagecarousel.add({ html: '<img src = ' + record.get('url') + '></img>' });
我知道了
imagecarousel.add({html: '<img src='+record.get('url')+' height="100%" width="100%"/>'});