Results 1 to 4 of 4

Thread: CGI => window

  1. #1
    Sencha User
    Join Date
    Jan 2012
    Location
    Grenoble (France)
    Posts
    20

    Default Answered: CGI => window

    Hi,

    I wanna put a cgi page in a flying window on my website.

    I wanted to use an Iframe but it doesn't exist in ExtJs 4, whatever I decided to use an Ext.window.Window like that :

    Ext.define('X.X.X.X',{
    extend: 'Ext.panel.Panel',
    frame:true,
    alias: 'widget.X',
    loadMask:true,
    height: 600,

    initComponent: function() {
    Ext.Ajax.request({
    url: X_URI, // the path of my cgi
    success: function(response, requester){
    win = new Ext.Window({
    id: 'XWindow',
    layout:'fit',
    width:800,
    height:300,
    closeAction:'hide',
    plain: true,
    html: response.responseText
    });
    },
    failure: function(){console.log('erreur')}
    });
    this.callParent(arguments);
    }
    });

    My problem is : In this second window when I click on a link that change my main window

    How can I do that when I click on a second window link, it changes the second window but not the main window ?

    Thanks

  2. doug has created a beautiful extension for it:
    http://www.sencha.com/forum/showthre...a2-for-Ext-4.x

    but even without it, it is super simple to add an iframe to a container or creating a custom component for it.

  3. #2
    Sencha User tobiu's Avatar
    Join Date
    May 2007
    Location
    Munich (Germany)
    Posts
    2,751
    Answers
    130

    Default

    doug has created a beautiful extension for it:
    http://www.sencha.com/forum/showthre...a2-for-Ext-4.x

    but even without it, it is super simple to add an iframe to a container or creating a custom component for it.
    Best regards
    Tobias Uhlig

  4. #3
    Sencha User
    Join Date
    Jan 2012
    Location
    Grenoble (France)
    Posts
    20

    Default

    Thanks a lot

    "super simple" for you

  5. #4
    Sencha User tobiu's Avatar
    Join Date
    May 2007
    Location
    Munich (Germany)
    Posts
    2,751
    Answers
    130

    Default

    for you as well, seriously

    take a look at:
    http://docs.sencha.com/ext-js/4-0/#!...ent-cfg-autoEl

    Code:
    {
        xtype: 'component',
        autoEl: {
            tag: 'img',
            src: 'http://www.example.com/example.jpg'
        }
    }
    just replace the img with an iframe and add all kind of attributes you like to.

    dougs ux offers a lot more functionality on top of course.
    Best regards
    Tobias Uhlig

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •