title: SVG inside ExtJs container
body: <p>I'm dynamically generating the class hierarchy of a given XSD in java back-end and I want to display that SVG within an EXtJs container/ window. </p>
  
  <p>Right now, I'm doing something like this - </p>
  
  <pre><code>Ext.Ajax.request({
          url : 'schemacontroller/schemadiagram.do',
          method: 'GET',
          success : function(response){
              //console.log(response.responseText);
              var w = window.open("","Schema Diagram","left=0px,top=0px,resizable=yes,scrollbars=yes");
              w.document.body.scroll = "auto";
              w.document.write(response.responseText); // responseText contains the whole of the SVG scripts along with the html generated
          },
          failure : function(response){
              Ext.MessageBox.alert('Error','Failed to load the schema diagram!');
          }
      });
  </code></pre>
  
  <p>Is there any better way to achieve this? Any inputs/ thoughts would be most appreciated.</p>