Benney Blog

var helpWindow = Ext.create('Ext.Window', {
        title: 'Source code',
        width: 920,
        height: 500,
        closeAction: 'hide',
        renderTpl: [
                   ],
        listeners: {
            render: function(w) {
                Ext.Ajax.request({
                    url: 'dragdropzones.js',
                    success: function(r) {
                        w.body.dom.value = r.responseText;
                    }
                });
            }
        }
    });
// 또는 
Ext.Ajax.request({
    url: 'gen-invoice-grid.php',
    // send additional parameters to instruct server script
    params: {
        startDate: Ext.getCmp('start-date').getValue(),
        endDate: Ext.getCmp('end-date').getValue()
    },
    // process the response object to add it to the TabPanel:
    success: function(xhr) {
        var newComponent = eval(xhr.responseText); // see discussion below 여기에 주목 ㅋㅋ
        myTabPanel.add(newComponent); // add the component to the TabPanel
        myTabPanel.setActiveTab(newComponent);
    },
    failure: function() {
        Ext.Msg.alert("Grid create failed", "Server communication failure");
    }
});
</pre>
<br />

// 최초 소스에 Model을 정의한 부분이 있는데 이부분을 밖으로 빼주니 잘 동작한다.
Ext.define('FeedViewer.App', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.FeedViewer',
    height:600,
    initComponent: function(){
        // feed model 정의
        Ext.define('Feed', {
            extend: 'Ext.data.Model',
            fields: ['title', 'pgm']
        });
		
        // viewport item set
        Ext.apply(this, {
            layout: 'border',
            //padding: 5,
            items: [ this.createFeedPanel()]
        });
       
        this.callParent(arguments);
    },

///////////////////////////////////////////
 // feed model 정의
Ext.define('Feed', {
    extend: 'Ext.data.Model',
    fields: ['title', 'pgm']
});

Ext.define('FeedViewer.App', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.FeedViewer',
    height:600,
    initComponent: function(){
         // viewport item set
        Ext.apply(this, {
            layout: 'border',
            //padding: 5,
            items: [ this.createFeedPanel()]
        });
       
        this.callParent(arguments);
    },