从按钮ajax响应中的extjs面板中加载数据

时间:2013-01-10 14:16:04

标签: php ajax html5 extjs4

我是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加载

1 个答案:

答案 0 :(得分:2)

以下问题的答案 for ajax loading

                                             listeners: {
                                                click: function(){

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

                                                        }
                                                }