Note that there are some explanatory texts on larger screens.

plurals
  1. POload an html file into a panel
    primarykey
    data
    text
    <p>I am new to sencha touch 2.0. I have an html file. I am trying to load this html file(or content) into a panel. I am simply using an ajax call but its not working. Following is the code.</p> <p>This is the html file i am running in the browser.</p> <p><strong>index.html</strong>:</p> <pre><code>&lt;script type="text/javascript" src="touch/sencha-touch-debug.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="HTMLPanel.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="app.js"&gt;&lt;/script&gt; </code></pre> <p>this is <strong>app.js</strong>:</p> <pre><code>Ext.setup({ name : 'SampleLoad', requires : ['HTMLPanel'], launch : function () { var HTMLPanel = new HTMLPanel({ scroll : 'vertical', title : 'My HTML Panel', url : 'sample.html' }); } }); </code></pre> <p>and this is <strong>HTMLPanel.js</strong>:</p> <pre><code>//HTMLPanel = Ext.extend(Ext.Panel, { //gives error var HTMLPanel = Ext.define('HTMLPanel',{ extend : 'Ext.Panel', constructor : function( config ) { HTMLPanel.superclass.constructor.apply(this, arguments); // load the html file with ajax when the item is // added to the parent container this.on( "activate", function( panel, container, index ) { if( this.url &amp;&amp; (this.url.length &gt; 0) ) { Ext.Ajax.request({ url : this.url, method : "GET", success : function( response, request ) { //console.log("success -- response: "+response.responseText); panel.update(response.responseText); }, failure : function( response, request ) { //console.log("failed -- response: "+response.responseText); } }); } }, this ) }, url : null }); </code></pre> <p>I just want the html content to be displayed within the panel. Can someone help?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload