Extjs 动态修改gridPanel列头信息以及store数据的方法
1 /*******************************checkbox按钮 历史报警信息**************************************/
var checkboxHistoryModule = new Ext.form.Checkbox({
id : "alarmHistoryInfoCheck",
name : "alarmHistoryInfoCheck",
//width : 70,
boxLabel : "历史报警信息",
//checked : true,
handler: function() {
//当选中和取消历史信息时，动态加载grid列头及数据信息，选中历史信息时，加载列多出处理人和处理时间两列
if(this.checked==true) {
var queryAlarmInfoHis_store = Ext.create('Ext.data.Store', {
autoLoad: true,
pageSize: 50,
model: 'queryAlarmInfoHistoryData',
proxy: {
type: 'ajax',
url: 'queryAlarmInfo.do',
extraParams : {
isShowHistory : "true"
},
reader: {
type: 'json',
root: 'dataList',
totalProperty: 'total'
}
}
}); var queryAlarmInfoHis_columns =
[{ text: '序号', xtype:'rownumberer', width: 40 },
{ text: '拓扑图', dataIndex: 'link',flex:1},
{
text: '工作流ID',
dataIndex: 'iflowid',
flex:1,
// 鼠标悬浮提醒
renderer : function (value, metaData, record, colIndex, store, view)
{
metaData.tdAttr = 'data-qtip="' + value + '"';
return value;
}},
{
text: '工程名称',
dataIndex: 'prjName',
flex:1,
// 鼠标悬浮提醒
renderer : function (value, metaData, record, colIndex, store, view)
{
metaData.tdAttr = 'data-qtip="' + value + '"';
return value;
}},
{
text: '工作流名',
dataIndex: 'flowName',
flex:1,
// 鼠标悬浮提醒
renderer : function (value, metaData, record, colIndex, store, view)
{
metaData.tdAttr = 'data-qtip="' + value + '"';
return value;
}},
{
text: '活动名',
dataIndex: 'actName',
flex:1,
// 鼠标悬浮提醒
renderer : function (value, metaData, record, colIndex, store, view)
{
metaData.tdAttr = 'data-qtip="' + value + '"';
return value;
}},
{
text: '报警类型',
dataIndex: 'type',
width:80,
// 鼠标悬浮提醒
renderer : function (value, metaData, record, colIndex, store, view)
{
metaData.tdAttr = 'data-qtip="' + value + '"';
return value;
}},
{
text: '报警描述',
dataIndex: 'warnDes',
flex:1,
// 鼠标悬浮提醒
renderer : function (value, metaData, record, colIndex, store, view)
{
metaData.tdAttr = 'data-qtip="' + value + '"';
return value;
}},
{
text: '报警时间',
dataIndex: 'warnTime',
width:80,
// 鼠标悬浮提醒
renderer : function (value, metaData, record, colIndex, store, view)
{
metaData.tdAttr = 'data-qtip="' + value + '"';
return value;
}
},
{ text: '处理描述', dataIndex: 'delDes',width:80},
{
text: '处理人',
dataIndex: 'delUser',
width:80,
// 鼠标悬浮提醒
renderer : function (value, metaData, record, colIndex, store, view)
{
metaData.tdAttr = 'data-qtip="' + value + '"';
return value;
}
},
{
text: '处理时间',
dataIndex: 'delTime',
width:80,
// 鼠标悬浮提醒
renderer : function (value, metaData, record, colIndex, store, view)
{
metaData.tdAttr = 'data-qtip="' + value + '"';
return value;
}
}
]; //重载gridpanel列信息的方法
queryAlarmInfo_grid.reconfigure(queryAlarmInfoHis_store,queryAlarmInfoHis_columns); } else {
var queryAlarmInfoNotHis_store = Ext.create('Ext.data.Store', {
autoLoad: true,
pageSize: 50,
model: 'queryAlarmInfoData',
proxy: {
type: 'ajax',
url: 'queryAlarmInfo.do',
extraParams : {
isShowHistory : "false"
},
reader: {
type: 'json',
root: 'dataList',
totalProperty: 'total'
}
}
}); var queryAlarmInfoNotHis_columns =
[{ text: '序号', xtype:'rownumberer', width: 40 },
{ text: '拓扑图', dataIndex: 'link',flex:1},
{
text: '工作流ID',
dataIndex: 'iflowid',
flex:1,
// 鼠标悬浮提醒
renderer : function (value, metaData, record, colIndex, store, view)
{
metaData.tdAttr = 'data-qtip="' + value + '"';
return value;
}},
{
text: '工程名称',
dataIndex: 'prjName',
flex:1,
// 鼠标悬浮提醒
renderer : function (value, metaData, record, colIndex, store, view)
{
metaData.tdAttr = 'data-qtip="' + value + '"';
return value;
}},
{
text: '工作流名',
dataIndex: 'flowName',
flex:1,
// 鼠标悬浮提醒
renderer : function (value, metaData, record, colIndex, store, view)
{
metaData.tdAttr = 'data-qtip="' + value + '"';
return value;
}},
{
text: '活动名',
dataIndex: 'actName',
flex:1,
// 鼠标悬浮提醒
renderer : function (value, metaData, record, colIndex, store, view)
{
metaData.tdAttr = 'data-qtip="' + value + '"';
return value;
}},
{
text: '报警类型',
dataIndex: 'type',
width:80,
// 鼠标悬浮提醒
renderer : function (value, metaData, record, colIndex, store, view)
{
metaData.tdAttr = 'data-qtip="' + value + '"';
return value;
}},
{
text: '报警描述',
dataIndex: 'warnDes',
flex:1,
// 鼠标悬浮提醒
renderer : function (value, metaData, record, colIndex, store, view)
{
metaData.tdAttr = 'data-qtip="' + value + '"';
return value;
}},
{
text: '报警时间',
dataIndex: 'warnTime',
width:80,
// 鼠标悬浮提醒
renderer : function (value, metaData, record, colIndex, store, view)
{
metaData.tdAttr = 'data-qtip="' + value + '"';
return value;
}},
{ text: '处理描述', dataIndex: 'delDes',width:80}
]; queryAlarmInfo_grid.reconfigure(queryAlarmInfoNotHis_store,queryAlarmInfoNotHis_columns); }
}
});
以上代码片段是动态随需求改变gridpanel列头及显示信息的方法，个人总结，如转载，请注明出处，谢谢
Extjs 动态修改gridPanel列头信息以及store数据的方法的更多相关文章
- GridPanel列头带有复选框的列
由于工作需要,封装了ExtJS4,GridPanel列头带有复选框的列, 代码如下: /** * 列头带有复选框的列 * */ Ext.define("org.pine.widget.Che ...
- WPF （DataGridColumnHeader）实现自义定列头样式 并绑定数据
原文:WPF (DataGridColumnHeader)实现自义定列头样式 并绑定数据 实现功能是这样的 自定义列头 样式 样式里的 数据来源于后台绑定 这篇就说头样式 和头样式数据绑定 思路 1) ...
- easyui动态生成双列头
实习时老大交给任务,让我做这样一个效果,选择日期并点击查询时,动态生成列头,下一列要求对应日期的星期. 效果图: 下面贴出查询的单击函数: //查询按钮 function queryByDate(){ ...
- Nginx_修改Web服务器头信息(Header)里的Server值[转]
http://blog.rekfan.com/?p=122 黑客攻击一个网站,往往需要了解服务器的架构,网站的架构等信息,了解了这些信息,就知道网站薄弱的地方在哪里了! 为了不让对方知道自己的w ...
- easyui 在编辑状态下，动态修改其他列值。
首先是自定义了一个方法uodateColumn更新列值 /** *自定义的修改列值方法 */ $.extend($.fn.datagrid.methods, { updateColumn: funct ...
- [Irving] Ext.Net动态添加GridPanel列绑定Checkbox值失败的解决办法
var grid = X.GetCmp<GridPanel>(vm.GRID_QUOTATIONS_FEEITEM_RANGE_SHOW); grid.AddColumn(Html.X() ...
- EXTJS 动态改变Gird 列值
var me = this.getView('EditProProductQrcodePanel'); var grid = me.down("[name=mallQrcodeGrid] ...
- extjs动态插入一列
StdDayWordQuery:function(btn,event){ var form=Ext.getCmp('queryFormSDW'); var userNameORuserCode = f ...
- WPF 动态列（DataGridTemplateColumn） 绑定数据 （自定义控件）对象绑定
原文:WPF 动态列(DataGridTemplateColumn) 绑定数据 (自定义控件)对象绑定 WPF 动态列(DataGridTemplateColumn) 绑定数据 (自定义控件) 上面的 ...
随机推荐
- Unity初探—SpaceShoot
Unity初探—SpaceShoot DestroyByBoundary脚本(C#) 在游戏中我们添加了一个Cube正方体,让他来作为游戏的边界.它是可以触发触发事件的(勾选Is Trigger),当 ...
- C for阶乘
#include <stdio.h> int main(int argc, char **argv) { //定义三个变量 x n s ,n s的初始值为1; int x; i ...
- python终极篇 ---django 模板系统
模板系统 . MV ...
- lintcode407 加一
加一 给定一个非负数,表示一个数字数组,在该数的基础上+1,返回一个新的数组. 该数字按照大小进行排列,最大的数在列表的最前面. 您在真实的面试中是否遇到过这个题? Yes 样例 给定 [1,2,3] ...
- 20145214实验一 Java开发环境的熟悉
20145214实验一 Java开发环境的熟悉 使用JDK编译.运行简单的java程序 命令行下程序开发 在命令行下建立20145214实验目录,进入该目录后创建exp1目录. 把代码保存到exp1目 ...
- ACM 第十天
动态规划2 1.树形DP 2.概率DP 3.区间DP 模板 ; len < n; len++) { //操作区间的长度 , j = len; j <= n; i++, j++) { //始 ...
- LintCode-41.最大子数组
最大子数组 给定一个整数数组,找到一个具有最大和的子数组,返回其最大和. 注意事项 子数组最少包含一个数 样例 给出数组[−2,2,−3,4,−1,2,1,−5,3],符合要求的子数组为[4,−1,2 ...
- ES6之 =>箭头函数
原文,请点此链接http://www.cnblogs.com/allenxieyusheng/p/5784728.html 1. 第一个函数 ()=>1 解析:其实这是一个匿名函数直接执行 (f ...
- shell基础练习题讲解
1037774765 克隆 1.创建一个用户redhat,其ID号为1001,基本组为like(组ID为2002),附近租为linux. groupadd -g 2002 likegroupadd l ...
- C#中的unsafe
为了保持类型安全性,默认情况下,C# 不支持指针算法. 但是,通过使用 unsafe 关键字,可以定义可在其中使用指针的不安全上下文. 有关指针的详细信息,请参阅主题指针类型. 备注 在公共语言运行时 ...