我做了两个grid,第一个grid 向第二个grid传参,然后grid显示数据,但是当在第二个grid刷新或点击下一页时传递的参数就没值了~
传参不会弄,就在第一个grid 放了一个隐藏字段,第二个grid获取。
我用的是EXT 的MVC开发模式
第一个grid:
Ext.define('MyExtJS.view.result.Result', {
extend : 'Ext.grid.Panel',
alias : 'widget.result',
id : 'result',
title : '统计结果分析',
frame:false,
border:false,
selModel: {selType : 'rowmodel'},
initComponent : function() {
var mystore = Ext.create('MyExtJS.store.SurveyStore');
this.store = mystore;
mystore.load({params : {start : 0,limit : 10}});
this.dockedItems =[{
xtype : 'pagingtoolbar',
store : mystore,
dock : 'bottom',
displayMsg : '显示第 {0} 条到 第{1} 条记录,一共 {2} 条',
emptyMsg : '没有数据',
displayInfo : true
},{dock : <span style="background-color:#E53333;">'top',xtype:'hidden',id:'resultSurveyId'}],</span> this.columns =[
{header : "id",dataIndex : 'id',width : 50},
{header : "名称",dataIndex : 'name',width : 200},
{header : "操作",width : 80,xtype : 'actioncolumn',
items : [{
iconCls : 'detailed',
tooltip : "查看该问卷统计结果",
handler : function(grid, rowIndex, colIndex,record) {
var rec = grid.getStore().getAt(rowIndex);
if (rec) {
var data =rec.data;
Ext.getCmp("resultSurveyId").setValue(data.id);
}
var tabs = Ext.getCmp('centerTab');// 获得中间tab面板
//alert(tabs.items.length);
var myId=tabs.items.length + 1;
var myTab = Ext.create('MyExtJS.view.result.AnalysisList', {
id : myId,
title : '调查结果列表',
closable : true,
iconCls : 'icon-activity'
});
tabs.add(myTab);
tabs.setActiveTab(myTab);
}}]
}];
this.callParent(arguments);
}
});
第二个grid:
Ext.define('MyExtJS.view.result.AnalysisList', {
extend : 'Ext.grid.Panel',
alias : 'widget.analysislist',
id : 'analysisList',
title : '调查结果列表',
selModel: {selType : 'rowmodel'},
initComponent : function() {
var mystore = Ext.create('MyExtJS.store.ResultStore');
this.store = mystore;
var rsID=Ext.getCmp("resultSurveyId").getValue();
alert(rsID);
mystore.load({params : {surveyId : rsID,start : 0,limit : 10}});
this.dockedItems = [{
xtype : 'pagingtoolbar',
store : mystore, // same store GridPanel is using
dock : 'bottom',
displayMsg : '显示第 {0} 条到 第{1} 条记录,一共 {2} 条',
emptyMsg : '没有数据',
displayInfo : true
}];
this.features=[Ext.create('Ext.grid.feature.GroupingSummary', {
groupByText : '用本字段分组',
showGroupsText : '显示分组',
groupHeaderTpl: '题目: {name} ({rows.length})', //分组标题模版
startCollapsed: true //设置初始分组是否收起
})],
this.columns = [
{header : "id",dataIndex : 'id',id :'analysisId',width : 50},
{header : "样本数",dataIndex : 'totalCount',width : 200,
summaryType: 'count',//求数量
summaryRenderer: function(value){return '该题目选项组合数:'+value;}},
{header : "有效数",dataIndex : 'effectiveCount',width : 100},
{header : "缺失数",dataIndex : 'defectiveCount',width : 100},
{header : "有效率",dataIndex : 'effectiveRate',width : 100},
{header : "缺失率",dataIndex : 'defectiveRate',width : 100},
{header : "操作",width : 80,xtype : 'actioncolumn',
items : [{
iconCls : 'detailed',
tooltip : "查看该题目的具体统计结果",
handler : function(grid, rowIndex, colIndex,record) {
//Ext.create('MyExtJS.view.survey.SurveyContent').show();
}
}]
}];
this.callParent(arguments);
}
});
请问是怎么回事呢??
相关推荐
总结来说,"Extjs4 grid使用例子"是一个实践教程,展示了如何在MVC架构下利用ExtJS4的Grid组件处理数据,实现数据的增删改功能。通过这个例子,开发者可以学习到MVC的设计理念,以及如何有效利用Grid组件提升Web应用...
这篇博客文章 "ExtJS 使用grid显示数据" 可能详细阐述了如何利用ExtJS的Grid面板来展示和操作数据。 在ExtJS中,Grid Panel是一种数据驱动的组件,它允许开发者以表格的形式展示大量数据,并且支持分页、排序、过滤...
总结来说,EXTJS Grid的数据导出到Excel是通过获取Grid数据、转换数据格式、利用SheetJS创建Excel文件,并最终提供下载链接来实现的。这一过程涉及到了EXTJS的Store操作、SheetJS的API使用以及前端文件操作等技术。...
PHP处理后端逻辑和数据库交互,EXTJS Grid负责前端数据展示和实时刷新,使得用户能够实时查看和操作不断变化的数据。这种技术方案在监控、报表和管理系统中非常常见,极大地提升了用户体验和数据处理效率。
### Extjs4 Grid分页与自动刷新 #### 一、Extjs4 Grid 分页功能实现 在使用Extjs4进行Web应用开发时,Grid控件是常用的数据展示组件之一。对于大数据量的情况,通常需要使用分页来提高用户体验。下面详细介绍如何...
Extjs4 grid 导出为Excel 下载后放在网站(不放在网站中导出按钮不能会点击无响应,因为这里调用了swf文件)里可直接运行index.html测试 <link href='...
ExtJS Grid是一个强大的数据展示组件,它允许用户以表格的形式查看和操作大量数据。在实际应用中,数据过滤是常见的需求,以便用户能快速定位到感兴趣的信息。本篇将深入探讨ExtJS Grid的过滤操作,以及如何动态地对...
这是利用sencha cmd 生成的GridFilterDemo工程中的app和build文件夹,其余文件过大并且与主题无关,因此未包含。具体方法,请参看我的博客: 《Extjs4.2 Grid Filter Feature 表格过滤特性》
EXTJS4 GRID 表格 分页 编辑 添加判断 颜色判断 分组 等示例
- **交互过程**: 使用 ExtJs 4 Grid 时,前端可以通过 Store 来管理数据,并利用 Proxy 进行数据请求,这种机制使得数据的加载更加简洁高效。 - **灵活性**: 由于 ExtJs 的 Store 和 Proxy 设计,开发者可以根据...
在ExtJs 6.5版本中,开发人员经常需要实现数据导出功能,特别是对于Grid组件,这是一项常见的需求。Grid列表通常用于展示大量结构化的数据,而导出功能可以帮助用户将这些数据保存到本地,方便进一步分析或共享。...
extjs4 grid 包括form js代码
Extjs动态Grid的生成 htm
总的来说,"extjs4打印grid插件"是ExtJS4开发中非常实用的一个工具,它为Grid Panel提供了方便的打印功能,极大地丰富了用户体验,特别是在数据报告和数据分析场景中。通过深入理解和使用这个插件,开发者可以更好地...
其中,Grid Panel(简称 Grid)是ExtJs中最常用的一个组件之一,用于展示表格数据。在实际业务场景中,经常需要支持用户对表格中的多行数据进行选择,并执行批量操作,如删除、编辑等。因此,掌握如何在ExtJs Grid中...
在IT行业中,SSH(Spring、Struts和Hibernate)是一个经典的Java Web开发框架组合,而ExtJS则是一个流行的JavaScript库,用于构建富客户端的Web应用程序,特别是数据网格(Grid)功能。这里我们关注的是如何在SSH...
在EXTJS4中,`ComboBox` 是一个非常常用的组件,它提供了一个下拉选择框的功能。在某些场景下,我们可能需要在下拉菜单中展示更丰富的信息,比如表格数据,这时就可以使用 `GridComboBox`。`GridComboBox` 结合了 `...
EXTJS动态GRID是一种基于JavaScript的前端开发框架EXTJS中的组件,用于展示数据并提供交互功能。EXTDRID(可能是EXTGRID的拼写错误)是指EXTJS中的Grid Panel,它允许开发者构建灵活、可配置的数据视图,适用于大量...
完美的Extjs4 treePanel节点刷新,函数为自动刷新选中的节点.API看得头疼才别出来的代码.截止我发之前,好像没有谁共享这个功能的函数吧.
本文将深入探讨如何在ExtJS中动态生成Grid,这是一个非常实用的功能,可以适应不断变化的数据需求和用户交互。我们首先从标题"ExtJs动态grid的生成"开始,了解动态生成Grid的基本概念和实现方法。 动态生成Grid意味...