`
tianyelina
  • 浏览: 85139 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ExtJS中grid的JsonStore、Ext.PagingToolbar带条件查询问题

EXT 
阅读更多
Extjs中的帮助文档中都是些简单的查询,grid的分页查询只是默认传入start,limit,sort,dir等参数,但实际情况中可能需要传入自定义参数,试了好多次都没有发布传入



在网上找一个一个办法,利用JsonStore的beforeload事件来强制添加自定义的参数列表即可以实现,关键代码如下:


Code
1  var ds = new Ext.data.JsonStore({
2        url: "../Handlers/PageHandlerPage.aspx",
3        //url: "../Handlers/PageHandler.ashx",
4        root: "root",
5        totalProperty: "totalProperty",
6        id: "id",
7        baseParams:{id:Ext.get("txtId").dom.value,name:Ext.get("txtName").dom.value},
8        fields:["id","name","descn"
9        ],
10        remoteSort:true
11    });
12
13    ds.on("beforeload", function(thiz, options) {
14        //debugger
15        thiz.baseParams["id"] = Ext.get("txtId").dom.value;
16        thiz.baseParams["name"] = Ext.get("txtName").dom.value;
17    });



希望对大家有帮助。











  reloadStore:function(_id){
      this.setId(_id);
    // 数据加载
    this.store.load({
          callback : function(r, options, success) {
             if (success == false) {
                  Ext.Msg.alert("ERROR",   "发生错误,请与系统管理员联系!");
             }
             else{
             _carBackGridPanel.carBackWindow.myForm.getForm().loadRecord(r[0]);
     
             }
          }
      });
    }
分享到:
评论

相关推荐

    EXTJS3 Ext.PagingToolbar() 快捷键应用

    在EXTJS3中,`Ext.PagingToolbar()` 是一个非常重要的组件,用于在大量数据的网格或视图中实现分页功能。这个组件允许用户轻松地浏览和操作大量的记录,而不需要一次性加载所有数据,从而提高了应用程序的性能和用户...

    extjs-Ext.ux.form.LovCombo下拉框

    在EXTJS框架中,`Ext.ux.form.LovCombo`是一种自定义组件,它扩展了基本的`Ext.form.field.ComboBox`,提供了更丰富的功能,尤其是针对多选和联动选择的需求。这个组件通常用于创建具有“lov”(即“Look Up Value”...

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在EXTJS这个强大的JavaScript框架中,`Ext.Panel`和`TreePanel`是两个非常重要的组件,它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据,以提升用户体验并实现灵活的数据...

    ExtJS 4.0 改善Ext.grid.plugin.RowEditing (重构,v1.4版本,2011-09-11)

    这篇文章的标题指出这是一个关于“Ext.grid.plugin.RowEditing”的重构,版本为v1.4,发布日期为2011年9月11日。重构通常意味着代码的改进,可能涉及性能优化、错误修复或功能增强。在4.0版本中,RowEditing插件的...

    extjs使用pagingtoolbar时,点击下一页,出现查询结果和查询条件不的解决办法

    然而,在实际使用过程中,我们可能会遇到一些问题,比如在点击“下一页”按钮时,加载的数据与预设的查询条件不符。这个问题通常出现在服务器端分页的场景,因为PagingToolbar默认传递的参数只有`start`和`limit`,...

    ExtJS 自定义分页控件---- PM3PagingToolbar.js

    var grid = new Ext.grid.GridPanel({ bbar: new Ext.PM3PagingToolbar({ store : store, displayInfo : true, displayMsg: '显示 {0} - {1} 行 总数 {2} 行', emptyMsg : '没有数据显示' }) }); store...

    ExtJs4.0 使用心得@1 Ext.util.Format.Number()

    本文将深入探讨Ext.util.Format.Number()函数,它是ExtJS 4.0中的一个重要工具,用于格式化数字。 `Ext.util.Format`是ExtJS中一个非常实用的工具类,包含了一系列用于字符串、日期和数值等类型的数据格式化的静态...

    ExtJS 3.4.0中的 ext.jsb2 文件

    在3.4.0版本中,`ext.jsb2` 文件是一个关键组成部分,它对于理解和开发基于ExtJS的应用程序至关重要。这个文件的缺失可能会对升级到4.0.0版本的开发者造成困扰,因为4.0.0版本不再包含这个文件,但幸运的是,它可以...

    ExtJs选中var editor = new Ext.ux.grid.RowEditor详解

    ### ExtJs选中 `var editor = new Ext.ux.grid.RowEditor` 详解 在Web开发领域,特别是使用ExtJs框架进行复杂用户界面构建时,`RowEditor` 是一个非常实用的功能,它允许用户直接在表格行内编辑数据,极大地提高了...

    Ext.Ajax.request跨域

    这篇博客文章可能详细介绍了如何在ExtJS应用中解决这个问题。 同源策略是浏览器为了保障用户安全而设定的一项机制,它禁止了一个源(协议+域名+端口)的文档或脚本获取或操作另一个源的资源。当需要跨域请求时,...

    ExtJS ToolTip功能

    此组件包含一个`Ext.grid.Panel`,并演示了如何为表格中的每一列添加ToolTip。 #### 代码解析 1. **定义组件**: ```javascript Ext.define('WebApp.view.tip.ToolTip',{ extend:'Ext.container.Container', ....

    extjs4.1-ux.rar

    Extjs4.1多个扩展 1、Ext.ux.aceeditor.Panel 2、Ext.ux.grid.feature.Tileview 3、Ext.ux.upload.Button 4、Ext.ux.toggleslide.ToggleSlide ...注明:在Extjs4.1上是可以使用的,Extjs4.2部分会有问题。

    ExtJs学习资料28-Ext.data.JsonStore数据存储器.doc

    在ExtJs框架中,JsonStore是一种非常重要的数据存储器,它专门用来处理和展示JSON格式的数据。本资料主要讲解如何使用JsonStore来加载并显示数据,以创建一个简单的个人信息表格。 首先,为了使用ExtJs框架,我们...

    ExtJs的Ext.Ajax.request实现waitMsg等待提示效果

    首先,ExtJs中的Ext.MessageBox是一个常用来与用户进行交互的弹窗组件。它可以用来显示警告框、确认框等。在进行Ajax请求之前,我们可以使用Ext.MessageBox确认框来询问用户是否要进行操作,并在用户确认后显示一个...

    Extjs Grid 扩展实例

    ExtJS Grid是一个强大的数据展示组件,它在Web应用程序中用于显示和操作大量数据。Grid提供了丰富的功能,包括分页、排序、过滤、编辑等,是ExtJS库中的核心组件之一。"Extjs Grid 扩展实例"是一个演示如何增强Grid...

    ExtJs GridPanel双击事件获得双击的行

    在ExtJs中,GridPanel是用于展示数据的常用组件,它可以提供丰富的功能,如排序、分页、筛选等。在实际应用中,我们经常需要监听用户的交互行为,比如双击行进行进一步的操作。本篇文章将深入讲解如何在ExtJs ...

    Ext.Ajax.request2.x实现同步请求

    在EXTJS库中,`Ext.Ajax.request`是用于发送Ajax请求的核心方法,它支持异步和同步操作。本文将详细解析如何利用`Ext.Ajax.request`实现同步请求,并探讨其背后的原理和注意事项。 首先,我们需要理解Ajax的本质,...

    ExtJS grid过滤操作

    在myapp4项目中,你可能会找到相关的代码示例,展示了如何在实际应用中配置和使用ExtJS Grid的过滤功能。通过阅读和理解这些代码,你可以更好地理解和应用上述理论知识。 总结来说,ExtJS Grid的过滤操作提供了...

    ExtJS之Ext.Ajax.request用法详解.docx

    ExtJS之Ext.Ajax.request用法详解.docx

Global site tag (gtag.js) - Google Analytics