EXT gridPanel（总结最终版）

最新推荐文章于 2026-01-06 18:22:49 发布

原创最新推荐文章于 2026-01-06 18:22:49 发布 · 672 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ext #function #callback #ajax #url

【ExtJs】专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在ExtJS中使用store加载数据，并通过AJAX请求从后台获取数据，包括设置请求参数及解析返回结果的具体实现。

   store.on('beforeload',function(){   //在storereload的时候，添加上你想请求的参数，因为gridPanel只是帮我们传了两个默认的参数到后台：limit和start
		    	     Ext.apply(this.baseParams,   
		    	     {   
		    	         keyWord:keyWord		    	        		    	    
		    	     });   
		    	 });  

其实还有一种好的方法load出后台数据store给前台，还有一种方法，就是直接用ajax 的方法请求，但是要对返回的数据进行解析
如：XXX= function(keyWord)
            {
             Ext.Ajax.request({     
            url: 'XXX.action',       
            params: 
            {
              limit:10,
              start:0,
              keyWord: keyWord
            },     
            callback : function(options, success, response) {  
            if(success) {  
              var result = Ext.util.JSON.decode(response.responseText);//这里很重要，要解析数据，要不load不出数据
              你的gridPanel.getStore().loadData(result); //gridPanel开始load数据了，接下来数据就可以显示出来了
             }else {  
              Ext.Msg.alert('提示','数据出错');  
             }  
         }
    });
};