EXTJS 查询数据,分页显示时传送自定义参数,添加控件的任何事件模板

iteye_6401

于 2009-08-19 10:08:24 发布

阅读量108

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： EXT JSP F#

本文链接：https://blog.youkuaiyun.com/iteye_6401/article/details/81758406

web前端专栏收录该内容

25 篇文章

订阅专栏

本文介绍如何使用ExtJS框架创建动态数据网格，并通过监听事件实现数据查询与更新功能。文章详细展示了如何设置TextField用于输入查询条件，配置JsonStore与远程服务器交互获取数据，以及如何在EditorGridPanel中实现单击编辑等功能。

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

var querytext = new Ext.form.TextField({
  name : 'queryvalue',
  fieldLabel : '查询',
  anchor : '100%'
 });
 
var store = new Ext.data.JsonStore({
  url : './querybean/query.jsp',
  totalProperty : 'total',
  root : 'root',
  fields : f,
  pruneModifiedRecords : true
 });



//-----------------------------照这模式可以添加任何事件-------------
 store.on('beforeload', function() {
//Ext.data.JsonStore读入数据之前的事件,store不需要在写baseParams,因为会覆盖掉. (每次调用都载入此函数,'load'则第一次不调用外,其余都调用).

  this.baseParams = {
   queryvalue : querytext.getValue()
  };
 });
//-----------------------------照这模式可以添加任何事件-------------

 var querygrid = new Ext.grid.EditorGridPanel({
  width : 640,
  height : 480,
  clicksToEdit : 1, // (3)单击次数如1,开始编辑
  store : store,
  cm : cm,
  sm : sm,
......

    store.load({
    //加载GRID首页数据(返回首页). store.reload 重新加载GRID当前页.
     params : {
      // queryvalue : querytext.getValue(),
      start : 0,
      limit : 10
     }

GRID翻页时,都会把自定义参数 queryvalue 随同 EXTJS 固定的  start 和 limit 一起传送出去.

POST 结果:
limit  10
queryvalue  MX1104-J05
start  10