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,912
    Answers
    655
    Vote Rating
    443
    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,912
    Answers
    655
    Vote Rating
    443
    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

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi