Question

我遇到了一个问题，控制台说我找不到我的图片网址。但是当我直接在carousel-items-html-src中写入时它显示得很好，但是当我使用carousel.add在我的json中使用数据时，它不起作用。

我找到了原因：图片网址是正确的，但是当它在传递过程中时，图片网址会自动添加一个'/'字符，所以无法显示。我该怎么办？

我的控制器代码：

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)"

Answer 1

使用它并检查..

imagecarousel.add({ html: '<img src = ' + record.get('url') + '></img>' });

Answer 2

我明白了

imagecarousel.add({html: '<img src='+record.get('url')+' height="100%" width="100%"/>'});

如何将sencha图像网址显示在我的旋转木马上

2 个答案: