php - 从按钮 ajax 响应在 extjs 面板中加载数据

Question

我是 extjs 4 的新手，当我单击按钮然后 ajax 请求从中获取数据并将加载到下面的代码是按钮代码时，我url感到ajax responce data很panel 震惊

                                        xtype: 'button',
                                        flex:1,
                                        height: 30,
                                        text : 'GEography',
                                          handler:function() {
                                                    Ext.Ajax.request({
                                                    url: 'charts/states.php',
                                                    method: 'GET',
                                                    scripts:true,
                                                    success: function (response) {
                                                        Ext.get('ajaxpanel').dom.innerHTML = response.responseText;
                                                        }
                                                                        });
                                                }
                                    },{

下面的代码是面板代码

  var ajaxForm = Ext.create('Ext.form.Panel', {
        title: 'ajaxpanel',
        id:'ajaxpanel',
        frame: true,
        bodyPadding: 5,


        fieldDefaults: {
            labelAlign: 'left',
            msgTarget: 'side'
        },

        layout: {
            type: 'vbox',
            align: 'stretch'
        },

        items: []
        });

所以请帮助我解决上述问题的主要目的是在 ajaxpanel 中加载 url dat

Answer 1

下面回答上面关于ajax加载的问题

                                             listeners: {
                                                click: function(){

                                                        Ext.get('ajaxpanel').load({url:'ur url here',scripts:true});

                                                        }
                                                }