`
JavaCrazyer
  • 浏览: 3012116 次
  • 性别: Icon_minigender_1
  • 来自: 河南
社区版块
存档分类

带搜索的ExtGrid终于能分页了

阅读更多

前天下午参照了一位网友的说法,为了显示查询后的结果采用了下面的代码

 

function searchDoc() {
var ds = new Ext.data.Store({
reader: new Ext.data.JsonReader({//读取json数据
root:'searchDocList', //
totalProperty:'totalSearch'
},
[
{name: 'name'},
{name: 'EName'},
{name: 'extType'},
{name: 'state'},
{name: 'docId'},
]
),
proxy : new Ext.data.HttpProxy({
url : path+'doc/searchDoc.action',
method: 'GET'
})
})
docGrid.reconfigure(ds,cm);
ds.baseParams['keyword'] = text_search_doc.getValue();//text_search_doc为一个
Ext.form.TextField
ds.load({params : {start : 1,limit :10}});
}

 

 

 

果然能够显示查询后的结果,但只有一页,我思先想后,结果发现分页还是要传递参数的,后来听说一个什么baseParams,能够传递分页参数,结果我就就在这个处理方法里面写了 ds.baseParams['keyword']结果还是不能分页,显示的仍然是查询前的分页效果,昨天早上起床后就开始忙活搜集资料,看了许多人的回复都是说一个baseParams的,由于受到了第一位网友写的代码的思维限制,导致我昨天一天都在忙活着在处理方法中的ds的相关参数,到了夜里九点多时,头都大了还是没有搞出来,今天早上不心甘起了大早,终于解决了问题:原来,我不应该在方法里面重写Store的内容,那样的话不管怎样还是查询的是一页,因为分页的那个东西是属于外边的Store的,大胆的去掉了searchDoc方法中所有的代码,想到了一个更简便但不知道是否有效的方法,只在处理方法中写了两行代码

 

docStore.baseParams['keyword'] = text_search_doc.getValue();//docStore为外边的Store------(1)

docStore.load({params : {start : 0,limit : 10}});

中间有点注意:就是如果直接在struts2中配置private String keyword那么是会有乱码的,解决方法是ServletActionContext.getRequest.setCharacter("utf-8")来设定字符集然后通过ServletActionContext.getRequest.getParameters("keyword")来获取参数。没想到这么快就出来结果,当时我就快哭了,太激动了,真是功夫不负有心人啊,赶紧记录下来了,为什么写这个baseParams呢,因为你每次分页必须要带上分页条件的,这样设置了最基本的传递参数,只要你搜索框中的值还存在,肯定是按那个条件来分页的

补充一下,后来又发现下面这两条语句可以替换上面的第一行代码,效果是一样的

 

docStore.baseParams.keyword= text_search_doc.getValue();//--------(2)

docStore.baseParams={keyword:text_search_doc.getValue()};//---------(3)

也就是说我们以后传递参数可以有这三种方式了,累死了,先休息会,我五点钟起的床

0
0
分享到:
评论

相关推荐

    ext2.0 grid 分页实例(php)

    总的来说,Ext JS 2.0 Grid分页实例与PHP的结合,是前后端协同工作的一个典型示例,通过合理的数据分页策略,可以有效地处理大数据集,提供流畅的用户体验。在实际开发中,可以根据项目需求进行调整和优化,例如添加...

    ext分页客户端demo Java js

    EXTJS中的分页组件主要由Ext.grid.Panel和Ext.data.Store两个核心部分构成。Ext.grid.Panel是数据展示的网格组件,而Ext.data.Store则负责管理数据,包括加载、缓存和分页功能。 1. **EXTJS分页组件**: - **Ext....

    ext分页查询ext分页查询ext分页查询ext分页查询ext分页查询

    在ExtJS中,分页查询通常涉及到数据网格(Grid)组件,它允许用户浏览大量数据并分页显示。分页查询的关键在于如何从服务器获取和处理数据,以及如何在用户界面上呈现这些数据。以下是一些关键知识点: 1. **数据...

    Ext + dwr 实现分页功能

    ### Ext + DWR 实现分页功能 #### 一、引言 在Web开发中,分页是一项常用的功能,尤其当数据量较大时,合理的分页处理不仅能提升用户体验,还能减轻服务器的压力。本文将详细介绍如何利用Ext框架结合DWR(Direct ...

    ext的grid简易例子

    EXT Grid提供了丰富的功能,包括排序、分页、筛选、编辑等,是Web应用中数据展示的首选工具。本教程将通过一个简单的EXT Grid实例,帮助你理解和掌握EXT Grid的基本用法。 首先,EXT Grid的基础构建涉及到以下几个...

    Ext ComboboxGrid

    "Ext ComboboxGrid"是一个基于Ext JS框架的组件,它结合了下拉框(ComboBox)和数据网格(Grid)的功能,提供了一种更强大的选择和筛选数据的方式。在Ext JS中,ComboBox通常用于显示一个可选的下拉列表,而Grid则...

    最新的GT-Grid vs EXT-Grid例子(超级经典)

    GT-Grid的设计理念强调性能和灵活性,它支持大规模数据集的渲染,提供了分页、排序、过滤和搜索等功能。GT-Grid允许开发者通过API或配置文件深度定制表格的外观和行为,包括列宽调整、行选中、单元格编辑等。此外,...

    ext treegrid

    Ext TreeGrid是一款在Ext JS框架下开发的组件,它结合了Tree和Grid的优点,提供了一种既能展示层次结构数据又能进行表格样式的显示和操作的视图。在Ext JS库中,Tree通常用于展现层级关系的数据,而Grid则用于显示二...

    asp.net Ext grid 显示列表

    ### ASP.NET Ext Grid 显示列表实现详解 #### 一、概述 在Web开发中,特别是ASP.NET应用...此外,我们还可以进一步扩展其功能,例如添加分页、搜索、排序等功能,以满足更复杂的业务需求。希望本文能对您有所帮助!

    flexigrid 类似ext grid的JS表格代码

    Flexigrid是一款基于jQuery的开源JavaScript表格插件,它的设计灵感来源于Ext Grid,但相比于Ext Grid,Flexigrid更加轻量级,易于理解和使用。它提供了丰富的功能,如数据分页、排序、搜索以及自定义列宽等,使得在...

    Ext表格中增删改查实例

    它提供了一套完整的组件模型,其中包括一个强大的表格组件——Ext Grid。本文将深入探讨如何在Ext Grid中实现增删改查(CRUD)操作,这些操作是任何数据管理应用的基础。 首先,我们需要了解`Ext.grid.Panel`,它是...

    ExtDemo例子绝对能跑起来

    6. **Grid和Tree**:ExtJS的Grid和Tree组件是展示和操作大量结构化数据的强大工具,支持排序、筛选、分页等功能。 7. **Form组件**:Form组件用于创建表单,包括输入字段、按钮、选择器等。它们与Model和Store相...

    ext图书系统 18种皮肤

    EXT图书系统可能包含了图书的添加、删除、编辑、搜索等功能。EXT的表格组件可以用于展示图书列表,而表单组件则用于输入图书信息。同时,EXT的分页和排序功能可以方便用户浏览大量数据。此外,可能还有书目分类、...

    ExtJs动态grid的生成

    - Grid的顶部通常包含一个工具栏,可以动态添加按钮或其他UI元素,提供搜索、排序或过滤等功能。这些功能可以通过`dockedItems`配置项实现。 6. **Autogrid.js可能的用途** - 文件名"Autogrid.js"暗示可能是一个...

    Jquery仿Ext表格flexigrid

    Flexigrid是一款基于jQuery的开源表格插件,它在功能和用户体验上模仿了Ext JS的Grid组件。这款插件以其轻量级、高效和丰富的特性,深受Web开发者喜爱,尤其适用于需要展示大量数据并进行排序、分页等操作的场景。 ...

    Ext.3.0.中文文档

    3. **表格(Grid)**:深入理解Ext Grid Panel的使用,包括列定义、分页、排序、过滤和自定义编辑功能,以及如何处理大规模数据。 4. **表单(Form)**:掌握如何创建和使用各种表单元素,如文本字段、选择框、日期...

    ext 图书管理系统

    3. **分页与排序**:EXT的Grid组件支持分页展示大量图书数据,用户可以轻松切换页面或按需对图书进行升序/降序排序,例如按照书名、作者或出版日期。 4. **过滤与搜索**:系统通常包含搜索功能,允许用户通过关键词...

    Ext 3.0 中文文档.zip

    四、Grid:Grid是Ext最常用的组件之一,用于展示表格数据。它可以处理大量的数据,支持行选择、排序、分页、列调整等功能。Grid的灵活性在于可以通过配置定义列的类型和行为,如使用模板渲染单元格内容,或者添加...

    SH+ext 的小型邮件系统

    EXT的Grid Panel组件可以轻松展示大量数据,同时提供分页插件来实现数据的分块加载,提高页面性能。用户可以方便地浏览、搜索和操作邮件,提升用户体验。 分页功能在大数据量的展示中至关重要,它避免了一次性加载...

    extjs grid示例代码

    Grid组件在Web应用中广泛使用,因为它提供了强大的数据展示、排序、分页、筛选和编辑功能。以下是对`ExtJS Grid`示例代码的详细解析: 1. **Grid的基本结构** - `Ext.grid.Panel`:这是Grid组件的基础类,它包含了...

Global site tag (gtag.js) - Google Analytics