带有装载机的Extjs 4件

时间:2018-06-20 07:38:01

标签: window extjs4.2 loader items

我正在使用Extjs 4,我有一个Ext.window.Window,它具有加载程序属性:

this.HistoryWin = new Ext.window.Window({
                title: '',
                modal: true,
                autoScroll: true,
                width: 700,
                height: 400,
                closeAction: "hide",
                loader: {
                    url: "Requests/history.php",
                    scripts: true
                },
                buttons: [{
                        text: "",
                        iconCls: "undo",
                        handler: function () {
                            this.up('window').hide();
                        }
                    }]
            });

在此窗口中,目标页面确实正确加载。现在,我想将此页面作为窗口中的一项加载。我的意思是我希望我的窗口有多个项目,其中一个是此加载程序。我该怎么办?

1 个答案:

答案 0 :(得分:0)

这一问题已经解决,答案是在窗口内添加一些带有装载器的面板。例如:

this.HistoryWin = new Ext.window.Window({
                title: '',
                modal: true,
                autoScroll: true,
                width: 700,
                height: 400,
                closeAction: "hide",
                items: [
                {
                    xtype: 'panel',
                    itemId: 'OwnPanel',
                    autoScroll: true,
                    width: 688,
                    height: 300,
                    loader: {
                        url: "Requests/RequestDetails.php",
                        method: "post",
                        scripts: true
                    },
                },
                {
                    xtype: 'panel',
                    itemId: 'HistoryPanel',
                    autoScroll: true,
                    width: 688,
                    height: 300,
                    loader: {
                        url: "Requests/history.php?fromRestateWin=1",
                        scripts: true,
//                        autoLoad: true,
                    },
                }
            ],
                buttons: [{
                        text: "",
                        iconCls: "undo",
                        handler: function () {
                            this.up('window').hide();
                        }
                    }]
            });

和一个重要说明。让每个加载程序自动加载,或者不要忘记手动加载。