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) 绑定数据 (自定义控件) 上面的 ...
随机推荐
- python 终级篇 django ---ORM操作
一般操作 必会的 ...
- 水管工游戏：dfs（递归）
添柴网这题好想不能评测,所以不确保代码的正确性 题目描述: 这小节有点难,看不太懂可以跳过哦.最近小哼又迷上一个叫做水管工的游戏.游戏的大致规则是这样的.一块矩形土地被分为N * M的单位正方形,现在 ...
- 4-2：实现cp命令
#include <stdio.h> #include <sys/stat.h> #include <fcntl.h> #include <unistd.h& ...
- Lecture Sleep（尺取+前缀和）
Description 你的朋友Mishka和你参加一个微积分讲座.讲座持续n分钟.讲师在第i分钟讲述ai个定理. 米什卡真的对微积分很感兴趣,尽管在演讲的所有时间都很难保持清醒.给你一个米什卡行 ...
- “Hello World!团队”Alpha发布—视频链接+文案+美工
视频链接:http://v.youku.com/v_show/id_XMzEyNjc2MTAyOA==.html?sharefrom=iphone&sharekey=5378037f8b710 ...
- Java中的死锁问题
死锁问题: 例如有两个线程, 线程1与线程2. 线程1在执行的过程中, 要锁定对象1, 2才能完成整个操作, 首先锁定对象1, 再锁定对象2. 线程2在执行的过程中, 要锁定对象2, 1才能完成整个操 ...
- YaoLingJump开发者日志（一）
写完PokeCats之后意犹未尽,还想做一个更加有趣的游戏,比如说像超级玛丽那样. 游戏的主角就选"瑶玲"了,这是我小时候最喜欢的动画片<瑶玲啊瑶玲>的女主角. ...
- Java多线程同步机制之同步块（方法）——synchronized
在多线程访问的时候,同一时刻只能有一个线程能够用 synchronized 修饰的方法或者代码块,解决了资源共享.下面代码示意三个窗口购5张火车票: package com.jikexueyuan.t ...
- 在c++中调用exe程序进行操作
#include <Windows.h> #include <iostream> #include <direct.h> #define picNum 228 us ...
- Android出现：Your project path contains non-ASCII characters.
导入Project的出现: Error:(1, 0) Your project path contains non-ASCII characters. This will most likely ca ...