CODEWITHSUNDEEP
javascriptextjs
anti_ml
anti_ml

Reputation: 481

EXT JS load content image data into a window

I'm having trouble loading image data into a draggable window using EXT JS.

The link to a process that streams the image file is in the code.

I've tried using

var plotWin = Ext.create('Ext.Window', {
    title: 'Plot',
    width: 600,
    height: 400,
    x: 10,
    y: 200,
    loader : {
                url : "http://209.105.242.30/custom/webimg",
                autoLoad : true,
                renderer : 'data'
            },
    plain: true,
    headerPosition: 'top',
    layout: 'fit',
    items: {
        border: false
    }
});

and then

plotWin.show();

But this does not seem to work.

Upvotes: 1

Views: 1028

Answers (1)

Evan Trimboli
Evan Trimboli

Reputation: 30082

It looks like that url is cross domain, which means that it's not going to be able to load via ajax. If it's an image, why not just embed it?

var plotWin = Ext.create('Ext.Window', {
    title: 'Plot',
    width: 600,
    height: 400,
    x: 10,
    y: 200,
    plain: true,
    headerPosition: 'top',
    layout: 'fit',
    items: {
        xtype: 'image',
        src: "http://209.105.242.30/custom/webimg"
    }
});

Upvotes: 3

Related Questions