Dojo TabContainer загрузить внешний сайт

Question

Учимся к Dojo и, возможно, что-то пропустить.

Имейте TabContainer, но когда щелкнула вкладка, вы хотите загрузить TabContainer с внешним файлом, который не находится на том же сервере. Подобно тому, как работали iframes. Есть ли способ сделать это с додзё?

Спасибо! Тони

Answer 1

Установите HREF свойство ContentPane

Fiddle

require([ 
    "dijit/layout/TabContainer" 
    , "dijit/layout/ContentPane" 
    , "dojo/domReady!" 
], function(
    TabContainer 
    , ContentPane 
){ 
    var tc = new TabContainer({ 
     style: "height: 100%; width: 100%;" 
    }, "tc1-prog"); 

    var cp1 = new ContentPane({ 
     title: "Greeting" 
     , href: "/gh/gist/response.html/8372613/" 
    }); 
    tc.addChild(cp1); 
    tc.startup(); 
}); 

Если CORS не поддерживается, вы можете создать IFRAME с dojo/dom-construct

Fiddle

require([ 
    "dijit/layout/TabContainer" 
    , "dijit/layout/ContentPane" 
    , "dojo/dom-construct" 
    , "dojo/domReady!" 
], function(
    TabContainer 
    , ContentPane 
    , domConstruct 
){ 
    var tc = new TabContainer({ 
     style: "height: 100%; width: 100%;" 
    }, "tc1-prog"); 

    var cp1 = new ContentPane({ 
     title: "CORS" 
     , content: domConstruct.create("iframe", { 
      "src": "http://en.wikipedia.org/wiki/Cross-origin_resource_sharing" 
      , "style": "border: 0; width: 100%; height: 100%" 
     }) 
    }); 
    tc.addChild(cp1); 
    tc.startup(); 
});