extjs4.X(导出、查询)条件传递

本文介绍如何使用ExtJS 4.x实现数据查询条件的传递,包括前端Store配置及与后台交互的方法,展示具体的代码实现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在实际开发中我们免不了有个单独的页面对一张表中的数据进行必要条件的筛选、 查询、excel文件导出等操作。相比之下,我们对用户以确定的输入条件需要传递到后台处理查询正确的数据。以下适用于extjs4.X的查询条件传递。

     前台sotre中可以这样写:

Java代码  收藏代码
  1. Ext.define('panel_model',{  
  2.         extend: 'Ext.data.Model',  
  3.         fields: ['ID','NAME','ADDRESS','TELPHONE']  
  4.     });  
  5. var store=Ext.create('Ext.data.Store',{  
  6.         storeId:'main_store',  
  7.         autoLoad: true,  
  8.         model: 'panel_model',  
  9.         pageSize: 10,  
  10.         remoteSort: true,  
  11.         proxy: {  
  12.             type: 'ajax',  
  13.             url: main_Url+'getPersonInfo',  
  14.             reader: {  
  15.                 type: 'json',  
  16.                 root:'data',  
  17.                 totalProperty: 'sum'  
  18.             }  
  19.         },  
  20.         sorters: [  
  21.             {  
  22.                 property: '',  
  23.                 direction: ''  
  24.             }  
  25.         ]  
  26.     });  
  27.  /* 分页查询条件传递 */  
  28. store.on('beforeload',function (store,options){  
  29.         var new_params={  
  30.             name : Ext.getCmp('name').getValue() ,  
  31.             address:Ext.getCmp('address').getValue()};  
  32.         Ext.apply(store.proxy.extraParams,new_params);  
  33.     });  

 java后台获取查询参数的方法:

 

Java代码  收藏代码
  1. String name = request.getParameter("name");  
  2. String address = request.getParameter("address");  

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值