tree map not displayed in extjs 4 tabpanel

payngease · Dec 28, 2012

I am using \[code\]EXTjs 4\[/code\] , in \[code\]EXTjs 4\[/code\] I am displaying Treemap in \[code\]extjs\[/code\] tabpanel but data is not loading in this tab \[code\]tabpanel.js\[/code\] file code is below :\[code\] title: 'Geographical Spread', autoScroll:true, items:[{ xtype: 'container', loader: { url: 'http://localhost/www_dataroute/tree_map/example2.php', autoLoad: true, scripts:true, contentType: 'xhtml' } }\[/code\]in the below code is tree map code it's a heat map this code is below\[code\]<?php //error_reporting(0);session_start();include('../lib/config_routes.php');?><!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Treemap - TreeMap with on-demand nodes</title><link type="text/css" href="http://stackoverflow.com/questions/14068775/tree_map/base.css" rel="stylesheet" /><link type="text/css" href="http://stackoverflow.com/questions/14068775/tree_map/Treemap.css" rel="stylesheet" /><script language="javascript" type="text/javascript" src="http://stackoverflow.com/questions/14068775/tree_map/jit-yc.js"></script><script language="javascript" type="text/javascript" src="http://stackoverflow.com/questions/14068775/tree_map/example2.js"></script></head><body onload="init();"><div id="container"><div id="left-container"><div class="text"><h4>TreeMap with on-demand nodes </h4> This example shows how you can use the <b>request</b> controller method to create a TreeMap with on demand nodes<br /><br /> This example makes use of native Canvas text and shadows, but can be easily adapted to use HTML like the other examples.<br /><br /> There should be only one level shown at a time.<br /><br /> Clicking on a band should show a new TreeMap with its most listened albums.<br /><br /> </div><div id="id-list"><table> <tr> <td> <label for="r-sq">Squarified </label> </td> <td> <input type="radio" id="r-sq" name="layout" checked="checked" value="http://stackoverflow.com/questions/14068775/left" /> </td> </tr> <tr> <td> <label for="r-st">Strip </label> </td> <td> <input type="radio" id="r-st" name="layout" value="http://stackoverflow.com/questions/14068775/top" /> </td> <tr> <td> <label for="r-sd">SliceAndDice </label> </td> <td> <input type="radio" id="r-sd" name="layout" value="http://stackoverflow.com/questions/14068775/bottom" /> </td> </tr></table></div><a id="back" href="http://stackoverflow.com/questions/14068775/#" class="theme button white">Go to Parent</a><a id="back" href="http://localhost/www_dataroute/" class="theme button white">Go to Dataroutes Layout</a><div style="text-align:center;"><a href="http://stackoverflow.com/questions/14068775/example2.js">See the Example Code</a></div> </div><div id="center-container"> <div id="infovis"></div> </div><div id="right-container"><div id="inner-details"></div></div><div id="log"></div></div></body></html>\[/code\]my aim is that heat map displayed in Tab ,so please help me in this problem and i think in extjs usin any adepter but i do't know which adapter is used and that map is also \[code\]www.sencha.com\[/code\] and i am using this below library files\[code\]  <link rel="stylesheet" type="text/css" href="http://stackoverflow.com/questions/14068775/resources/css/ext-all.css" /> <script type="text/javascript" src="http://stackoverflow.com/questions/14068775/ext-all.js"></script>  <link rel="stylesheet" type="text/css" href="http://stackoverflow.com/questions/14068775/layout-browser.css"/> <script type="text/javascript" src="http://stackoverflow.com/questions/14068775/extjs/js/Center.js"></script>\[/code\]

tree map not displayed in extjs 4 tabpanel

payngease

New Member