Отображение/рендеринг XML в EXTJS

Question

Я хочу отобразить XML, который будет извлекаться из бэкэнд в панели и окне EXT JS. Я попытался создать новое окно и открыть новое окно и присвоить тип документа, но он не получает должным образом отформатированный liek, когда он открывается в IE. Также есть способ открыть его в окне EXT JS вместо окна браузера. Мой XML является динамическим, который может быть различным XML (с разными корневыми узлами) каждый раз. Вот то, что я пытался до сих пор не повезло

myXmlWindow = window.open('', 'FullView', 'toolbar=no,location=no,scrollbars=yes'); 
 
myXmlWindow.document.write("<link rel=\"stylesheet\" href=\"resources/XMLDisplay.css\" type=\"text/css\"><center><table class=\"data\"><tr><th>" + xmlString + "</td></tr></table></center>");

Может кто-нибудь помочь мне с этим. Все, что нужно сделать, это отображение XML так же, как ниже скриншоте в IE

Вот мой XML

<?xml version="1.0" encoding="UTF-8" ?> 
 
<Record> 
 
    <SYS_ID>238</SYS_ID> 
 
    <SYS_DSC>This is a test XML</SYS_DSC> 
 
    <GTMU_ID>6</GTMU_ID> 
 
    <LOC_ID>3760</LOC_ID> 
 
    <SLS_UNIT_ID>0090008924</SLS_UNIT_ID> 
 
    <RLTNSHP_TYP_CDV>15</RLTNSHP_TYP_CDV> 
 
    <RLTNSHP_TYP_NM>This is a test XML</RLTNSHP_TYP_NM> 
 
    <RLTNSHP_STRT_DT>1985-12-29T00:00:00-06:00</RLTNSHP_STRT_DT> 
 
    <RLTNSHP_END_DT>9999-12-31T00:00:00-06:00</RLTNSHP_END_DT> 
 
</Record>

Если я ниже как предложено Йеллен,

var w= window.open('data:text/xml,'+encodeURI(xmlString));

Я получаю ниже ошибки

Answer 1

Попробуйте эту скрипку - https://fiddle.sencha.com/#fiddle/lld

Вы можете просто позвонить в window.open() с параметром ('data:text/xml,' + xmlText), вы можете также передать другие параметры окна, как вам хотеть. Это откроет новую вкладку с содержимым xml.

XML в хроме -

Answer 2

Попробуйте использовать IFRAME. ExtJS предоставляет расширение для этого с помощью Ext.ux.IFrame, вы можете вставить свой xml в Ext.Window.

var xmlText = '<?xml version="1.0" encoding="UTF-8" ?><Employee><Id>22</Id></Employee>'; 

xmlText = encodeURI(xmlText); 

var myWindow = Ext.create("Ext.window.Window", { 
    width: 800, 
    height: 600, 
    layout: "fit", 
    items: [Ext.create("Ext.ux.IFrame", { 
     src: 'data:text/xml,' + xmlText 
    })] 
}); 

myWindow.show(); 

Answer 3

Хитрость заключается в том, чтобы вложить свой XML в тегах что-то вроде этого

https://fiddle.sencha.com/#fiddle/lo9

Не совсем, как я хотел, но своего рода обходной путь