`
hq123xiao
  • 浏览: 6216 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

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

阅读更多

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

     前台sotre中可以这样写:

Ext.define('panel_model',{
        extend: 'Ext.data.Model',
        fields: ['ID','NAME','ADDRESS','TELPHONE']
    });
var store=Ext.create('Ext.data.Store',{
        storeId:'main_store',
        autoLoad: true,
        model: 'panel_model',
        pageSize: 10,
        remoteSort: true,
        proxy: {
            type: 'ajax',
            url: main_Url+'getPersonInfo',
            reader: {
                type: 'json',
                root:'data',
                totalProperty: 'sum'
            }
        },
        sorters: [
            {
                property: '',
                direction: ''
            }
        ]
    });
 /* 分页查询条件传递 */
store.on('beforeload',function (store,options){
        var new_params={
            name : Ext.getCmp('name').getValue() ,
            address:Ext.getCmp('address').getValue()};
        Ext.apply(store.proxy.extraParams,new_params);
    });

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

 

String name = request.getParameter("name");
String address = request.getParameter("address");

 

分享到:
评论

相关推荐

    extjs3.x 官方示例以及chm版api

    4. **Ajax交互**:ExtJS 3.x 提供了强大的Ajax功能,如AJAX请求对象、数据Proxy,使得与服务器端数据交换变得更加简单。 5. **Store和Model**:数据存储机制,Store负责管理数据集,Model定义了数据结构和验证规则...

    Extjs3.x入门学习

    本篇将基于"Extjs3.x入门学习"这一主题,深入探讨相关知识点。 1. **EXT_JS实用开发指南**: 这份文档可能包含了关于ExtJS的基本概念、架构以及开发流程的介绍,帮助初学者快速上手。可能包括如何创建基本的页面...

    Extjs4.x导出Excel

    看了网上很多报表demo后, 感觉狠不够详细,有鉴于此,本人特开一帖进行了细解,祥见本人博客或http://my.oschina.net/yexingqianli/blog/170434 ,望批评指正,多多交流为善

    ExtJS 多文件上传 UploadDialog For ExtJS3.x

    ### ExtJS 多文件上传 UploadDialog For ExtJS3.x #### 概述 在Web开发领域,特别是使用ExtJS框架进行界面设计时,文件上传功能是必不可少的一部分。然而,随着ExtJS版本的更新,原有的多文件上传组件可能不再兼容...

    extjs4.x tabpanel 动态加载panel和html例子

    在EXTJS 4.x框架中,`tabpanel`是用于创建多标签界面的组件,它可以方便地组织和切换多个视图。动态加载panel和HTML到tabpanel是提高应用性能和用户体验的有效方式,因为它允许按需加载内容,减少初始页面加载时间。...

    ExtJS2.X 版本app

    ExtJS2.X 版本app 这个版本目前找不到了噢

    ExtJS3.x 中文API CHM 格式

    ExtJS3.x 中文帮助文档,是 CHM 格式的,方便阅读和查询。本人正在使用,效果不错,共享出来,方便大家。

    ExtJS 3.x中文API

    4. **表单(Forms)**:ExtJS提供了强大的表单创建和处理功能,包括各种输入控件、验证规则以及远程提交能力。 5. **网格(Grids)**:网格组件是展示和操作大量数据的重要工具,支持分页、排序、过滤、编辑等功能...

    ExtJS 4.X 中文Api CHM

    Ext JS 4.X 中文API,不过有些地方不是很好,显示的有点慢!

    Extjs4.X下comboboxTree下拉树型菜单,完美支持多选、单选,绝对好用

    在ExtJS 4.x框架中,ComboboxTree是一种特殊的组件,它将传统的下拉框与树形结构结合在一起,提供了一种更为灵活的用户输入方式。这种组件在数据选择上非常实用,尤其当数据层级关系复杂时,可以方便地进行多选或...

    ExtJS4.x中文API

    extjs4.x中文api 实用比较方便 。

    ExtJs 2.X API

    详细的介绍了EXT2.X各种对象的属性、方法、事件

    extjs3.x+swfupload.swf多文件上传终结版

    ExtJS 3.x 和 SWFUpload 是两种不同的技术,它们结合使用可以实现高效的多文件上传功能。这篇内容将深入解析这两个技术以及它们如何协同工作。 **ExtJS 3.x** ExtJS 是一个流行的JavaScript库,主要用于构建富...

    ExtJS4.x Grid导出到Excel(详解)

    本文将深入探讨如何在ExtJS 4.x版本中实现数据网格(Grid)到Excel的导出功能。这是一项非常实用的技能,因为用户往往需要将大量数据从Web界面导出到常见的电子表格格式,如Excel,以便进一步分析和处理。 首先,要...

    extjs4.x中文API

    绝对详细的extjs4.x api绝对详细,值得我们下载

    Extjs2.x主题

    下面我们将深入探讨ExtJS 2.x的主题及其相关知识点。 1. **主题的基本概念**: 主题(Theme)是ExtJS应用程序的视觉风格,它定义了UI元素的样式,如按钮、表格、窗口等。通过应用不同的主题,可以改变应用程序的...

    extjs4.x 配置所需jsb和js文件

    ExtJS 4.x 是一个流行的JavaScript框架,用于构建富客户端应用程序。它提供了丰富的组件库、数据绑定机制和可扩展的架构。在开发过程中,正确配置所需的jsb(JSBuilder)和js文件至关重要,以确保应用的高效运行和...

    extJS4.x中文API学习教程

    extJS4.x中文API学习教程,想要学习extjs的童鞋可以下载看看

    ExtJS4.x视频教程

    提供ExtJS4.x视频教程,视频清晰,讲解详细,分享给大家

Global site tag (gtag.js) - Google Analytics