1. #1
    Sencha User
    Join Date
    Aug 2012
    Posts
    91
    Answers
    6
    Vote Rating
    0
    alex9311 is on a distinguished road

      0  

    Default Unanswered: Opening external page into a panel

    Unanswered: Opening external page into a panel


    I have two separate applications and I would like to integrate them. I'm trying to use a button click event to load a url where my second application is into a basic panel. I found this post on the subject:
    http://www.learnsomethings.com/2010/...xecute-script/

    but I cant get it to work. I don't see a "autoLoad" config option or "load" method in the sencha panel documentation..

    I've tried a different method using jquery:
    Code:
                    var div = document.getElementById('thepanel');
                    div.innerHTML = "<iframe src=\"http://www.yahoo.com\"></iframe>";
    where I have a panel with id 'thepanel' and I want to load the yahoo home page in it when I run this code. I can see the yahoo div added to the thepanel div using firebug but nothing shows up.

    Is this even possible?

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    8,866
    Answers
    652
    Vote Rating
    438
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      1  

    Default


    Some sites do not permit display in frame (yahoo,...) see console for error

    Code:
    Ext.create('Ext.panel.Panel', {
        title: 'Hello',
        height: 400,
        width: 400,
        html: '<iframe id="eventsIFrame" width="100%" height="100%" src="http://www.sencha.com"></iframe>',
        renderTo: Ext.getBody()
    });

  3. #3
    Sencha User
    Join Date
    Aug 2012
    Posts
    91
    Answers
    6
    Vote Rating
    0
    alex9311 is on a distinguished road

      0  

    Default


    Okay I've gotten a bit farther now, thank you.Here is my function (called from a button), "thepanel" is my blank panel. I'm using a relative path to access another one of my ext projects.

    Code:
    function(button){
                var div = document.getElementById('thepanel');
                div.innerHTML = "<iframe src=\"../../../project2/?&type=grades&gradeitem1=40691&\"></iframe>";
            }
    I can see the GET request in firebug's console when I run the function and all my second project code/data all shows up in an iframe when I look a the HTML in firebug but nothing new shows up in the browser. Any ideas of what could be keeping my iframe's contents from showing

  4. #4
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    8,866
    Answers
    652
    Vote Rating
    438
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      1  

    Default


    See if works using http://www.mydomain.com/project2/ ... instead of a relative drive path.

    Sctt.

  5. #5
    Sencha User
    Join Date
    Aug 2012
    Posts
    91
    Answers
    6
    Vote Rating
    0
    alex9311 is on a distinguished road

      0  

    Default


    I ended up using and iframe plugin I found here:

    http://www.sencha.com/forum/showthre...11-iframePanel

    Using that plugin I could write the function:
    Code:
                                    handler: function(grid, rowIndex, colIndex) {
                                            var rec = grid.getStore().getAt(rowIndex);
                                            console.log(rec.get('url'));
                                            var frame = Ext.getCmp('thepanel');
                                            frame.setSource(rec.get('url'),"loading");
                                    }
    Which loads a grid row's url through an action column in an adjacent iframe panel

    Thank you!

Thread Participants: 1

Tags for this Thread