Hybrid View

  1. #1
    Sencha User
    Join Date
    Sep 2012
    Posts
    8
    Vote Rating
    0
    jv4me78 is on a distinguished road

      0  

    Default EXTJS 3.2 HELP ME LOADING ANOTHER SITE IN VIEWPORT

    EXTJS 3.2 HELP ME LOADING ANOTHER SITE IN VIEWPORT


    Ext.onReady(function(){

    var treemenu1 = new Ext.tree.TreePanel({
    id: 'tree-panel',
    //title: 'Sample Layouts',
    region:'north',
    split: false, //true,
    height: 300,
    minSize: 150,
    autoScroll: false, //true,

    // tree-specific configs:
    rootVisible: false,
    lines: false,

    singleExpand: false, //true, //membuka tree tapi yang lain tertutup jika true
    useArrows: true,

    loader: new Ext.tree.TreeLoader({
    dataUrl:'menu1.json'
    }),

    root: new Ext.tree.AsyncTreeNode()
    });



    treemenu1.on('click', function(n){

    if (n=="[Node idmhs3]") {

    Ext.getCmp('details-panel').load({url:'http://www.google.co.id',scripts:false}); // atau autoload{url:'dmhs.php',scripts:true, params:{something:else}});

    } else if (n=="[Node idrua3]") {
    Ext.MessageBox.alert ('Message',"ruangan");
    }

    });


    var detailsPanel = {
    id: 'details-panel',
    title: 'Details',
    region: 'center',
    bodyStyle: 'padding-bottom:15px;background:#eee;',
    autoScroll: true,
    html: '<p class="details-info">When you select a layout from the tree, additional details will display here.</p>'
    };




    var viewport1 = new Ext.Viewport({
    layout: "border",
    defaults: {
    bodyStyle: 'padding:5px;',
    },

    items: [{
    region: "north",
    html: 'North',
    margins: '5 5 5 5'
    },{
    region: 'west',
    split: true, //tebal antar column
    collapsible: true,
    collapseMode: 'mini',
    title: 'Some Info',
    width: 200,
    minSize: 200,
    html: 'West',
    margins: '0 0 0 5', //margin antar column,


    items : [treemenu1]



    },{
    region: 'center',


    xtype: 'tabpanel', //tab kesamping
    activeTab: 0,



    title: 'Movie Descriptions',




    autoWidth:false,
    autoHeight:false,


    defaults: {
    border: false,
    autoScroll: true,
    },



    items : [detailsPanel],

    margins: '0 0 0 0',

    },{
    region: 'east',
    split: true,
    width: 200,
    html: 'East',
    xtype: 'tabpanel',
    margins: '0 5 0 0',
    items: [{
    title: 'Movie Grid',
    html: 'Center'
    },{
    title: 'Data Movie',
    html: 'Center'
    }]
    },{
    region: 'south',
    html: 'South',
    margins: '5 5 5 5'
    }]
    });


    viewport1.render ('viewport1b');
    })


    please help me, i want to load another site like www.google.co.id, when i click menu (like sample feed viewer-i can not understand becase difficult),
    my code at : load({url:'http://www.google.co.id',scripts:false})

    but error : only loading message, when i click menu another site loading in another window

    PLEASE HELP ME and THANKS BEFORE...(sorry my english is bad)

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,548
    Vote Rating
    872
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Why not just use an iframe?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Sep 2012
    Posts
    8
    Vote Rating
    0
    jv4me78 is on a distinguished road

      0  

    Default Iframe extjs 3.2

    Iframe extjs 3.2


    sorry, I just read now, can you give me sample iframe? thx

  4. #4
    Sencha User
    Join Date
    Sep 2012
    Posts
    8
    Vote Rating
    0
    jv4me78 is on a distinguished road

      0  

    Default


    Quote Originally Posted by mitchellsimoens View Post
    Why not just use an iframe?
    mitchellsimoens thanks.., now i want to find code for click menu and iframe load different url...

Thread Participants: 1