1. #1
    Ext User
    Join Date
    Aug 2007
    Posts
    16
    Vote Rating
    0
    vjanev is on a distinguished road

      0  

    Default About tree's hrefTarget config Options?

    About tree's hrefTarget config Options?


    I use BorderLayout, in west, I create a tree, I want to click the tree and "center" will display tree's href page, I use tree's hrefTarget point to "center" .... but not do, while I click the tree,it'll open a new windows. Why?

    hrefTarget point to "center-iframe" same not be.

    How can I use hrefTarget?

    HTML Code:
    <div id="west-div"> </div>
    <div id="center-div"></div>
    <div id="center2">
          <iframe id="center-iframe" frameborder="0" scrolling="auto" style="border:0px none;"></iframe>
    </div>
    Code:
    var mainLayout = new Ext.BorderLayout(document.body, {
                    north: { split: true, initialSize: 50 }, 
                    south: { 
    		            split: true,
    			titlebar: true, 
    			collapsible: true,
    			collapsedTitle: "<div align='center'>Copy by Jane</div>",
    			initialSize: 24,
    			maxSize:24,
    			minSize:24,
    			resizeTabs: true,
    			animate: true,
                                          autoScroll:false,
                                          useShim:true
    		}, 
                    //east: { split: true, initialSize: 100 }, 
                    west: { 
    			split: true, 
    			titlebar:true,
    			collapsible:true,
    			initialSize: 180, 
    			maxSize: 250,
    			floatable:true,
    			animate: true
    		}, 
                    center: {
    			titlebar:true,
    			animate: true,
                                           autoScroll:false,
                                           useShim:true,
    			tabPosition: 'right',
                                          closeOnTab: true,
    			alwaysShowTabs: true
    		}
          	});
                mainLayout.beginUpdate();
                mainLayout.add('north', new Ext.ContentPanel('north-div', { fitToFrame: true, closable: false }));
                mainLayout.add('south', new Ext.ContentPanel('south-div', { closable:true, title:"<div align='center'>Copy by Jane</div>"}));
                mainLayout.add('west', new Ext.ContentPanel('west-div', { title:"功能导航",autoScroll:true,fitToFrame: true, closable: false }));
                mainLayout.add('center', new Ext.ContentPanel('center-div', {title:"中间1",closable:true})); 
                mainLayout.add("center", new Ext.ContentPanel("center2", {title: "中间2", fitToFrame: true,closable: true, resizeEl: 'center-iframe'}));
    			//mainLayout.getRegion("center").showPanel("center-div");
    			mainLayout.endUpdate();
    			Ext.get('center-iframe').dom.src = 'study_ext.jsp';

  2. #2
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,508
    Vote Rating
    58
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    hrefTarget:iframe's NAME

  3. #3
    Ext User
    Join Date
    Aug 2007
    Posts
    16
    Vote Rating
    0
    vjanev is on a distinguished road

      0  

    Default


    Thank you Animal, It's work ok now..

  4. #4
    Ext User
    Join Date
    Mar 2008
    Posts
    6
    Vote Rating
    0
    elangesk is on a distinguished road

      0  

    Exclamation About tree's hrefTarget config Options?

    About tree's hrefTarget config Options?


    Hi Animal,

    Nice guideline to this reference... I got ur point and implement using iframe... its working good...

    I want more information about can we use same frame for more than one tree's hrefTarget property...

    Kindly let me... I am waiting for your reply...

    Regards,
    K.Elanges

  5. #5
    Ext User
    Join Date
    Dec 2009
    Posts
    1
    Vote Rating
    0
    pa2_pupoch is on a distinguished road

      0  

    Thumbs up


    This is what i'm looking for, thanks animal