ExtJS分页条件参数传递

最新推荐文章于 2019-08-03 11:22:33 发布

最新推荐文章于 2019-08-03 11:22:33 发布 · 175 阅读

文章标签：

#EXT #JSP

web前端专栏收录该内容

25 篇文章

订阅专栏

本文介绍如何解决ExtJS框架中GridPanel与TabPanel的分页联动问题，特别是如何将GridPanel中选中记录的ID作为条件参数传递到TabPanel的分页查询中。

这两天还在忙活那个可恨的ext的项目，说它可恨，通过解决这个小问题，才发觉原因所在：对它不熟悉，又不想多花点精力学习它。

废话少说，转入正题，下面就是这个小问题：
双击并选中GridPanel中的一条记录，根据该记录的ID，查询其他数据，在TabPanel中分页显示。

问题：
TabPanel中分页显示时，作为条件参数的GridPanel中记录ID无法传递给处理程序。

解决：
参考如下代码：

//store
var _storeSalesPkgClass = new Ext.data.Store({
  id:"_storeSalesPkgClass",  
  proxy : new Ext.data.HttpProxy({url:"salesPkgClassData.jsp"}),
  reader: new Ext.data.JsonReader({
   totalProperty:"totalProperty",
   root:"root"},
   [
    {name:"id"},
    {name:"className"},
    {name:"biId"},
    {name:"biName"},
    {name:"stName"},
    {name:"selected"}
   ]
  )
});


//分页常规参数
_storeSalesPkgClass.load(
  {
   params:
    {
     start:0,
     limit:5
    }
 });

//分页条件参数
_storeSalesPkgClass.on('beforeload',function(){
 Ext.apply(
  this.baseParams,
  {
             salesId:_gridJwSales.getSelectionModel().getSelected().get("id")
        }
 );
});