在编辑Extjs的gridpanel的时候,数据有错误或是修改在每个单元格上都会出现红色的小三角,在每个列上面可以配置allowBlank: false来标识这个不可以为空

有的时候在保存数据时如果不刷新页面也会留下红三角,那么在创建grid的时候,在grid里面加上下面的语句就不会再出现了:

viewConfig: {
  markDirty: false
}

下面是grid的例子:

 var haomlTongjGeimjGrid = Ext.create('Ext.grid.Panel', {
id: 'haomlTongjGeimjGrid',
name: 'haomlTongjGeimjGrid',
height: 100,
store: haomlGeimjTongjGrid_store,
header: false,
columnLines : true,
selModel: selModelGeimjTongj,
autoScroll : true,
selType: 'cellmodel',
plugins: [rowEditingGeimjTongj],
viewConfig: {
markDirty: false//隐藏红三角
},
columns: [{
xtype: 'gridcolumn',
width: 150,
dataIndex: 'name',
align: 'center',
header:'<div style=" text-align: center; vertical-align: middle;">机组</div>',
text: '机组'
}, {
xtype: 'numbercolumn',
dataIndex: 'gaokgl',
align: 'center',
width: 150,
text: '高卡高硫煤(吨)',
header:'<div style=" text-align: center; vertical-align: middle;">高卡高硫煤(吨)</div>',
editor: {
xtype: 'numberfield',
minValue : 0,
allowBlank: true
}
}, {
xtype: 'actioncolumn',
align: 'center',
width:30,
items: [{
cls : "x-btn-text-icon",
icon: '../images/extjs/application_edit.png',
tooltip: '编辑',
handler: function(haomlTongjGeimjGrid, rowIndex, colIndex) {
var date = Ext.getCmp('statdate').getValue();
var nowdate = new Date();
var year = nowdate.getFullYear();
var month = nowdate.getMonth();
var day = nowdate.getDate();
var currentdate = new Date(year, month, day);
if(date >= currentdate){
rowEditingGeimjTongj.startEdit(rowIndex, 0);
}
}
}]
}]
});

同时也在可以在grid的edit事件中重新刷新页面去掉,当执行success回调函数时可以刷新页面,如下:

 haomlTongjGeimjGrid.on('edit', function(editor, e, eOpts){
var record = haomlGeimjTongjGrid_store.getModifiedRecords();
var results = '[';
for ( var i = 0; i < record.length; i++)// 将要修改的数据,转成JSON
{
if (i == record.length - 1)// 如果为最后一条数据增加大括号
{
results = results + Ext.JSON.encode(record[i].data)+ ']';
} else {
results = results + Ext.JSON.encode(record[i].data)+ ',';
}
}
if (results == '[') {
Ext.Msg.alert('提示信息:', '页面没有变动!');
return false;
} Ext.Ajax.request({
url : 'saveDataOfGeimjTongj',
jsonData : results,
params: {
peimdwid: Ext.getCmp("mixcoalunit").getValue(),
date: Ext.getCmp('statdate').getValue()
},
method : 'POST',
success : function(response) {
haomlTongjGeimjGrid.getSelectionModel().clearSelections(); //重新加载给煤机耗煤量统计信息,这里我已经注销掉了
// haomlGeimjTongjGrid_store.load({
// params: {
// peimdwid: Ext.getCmp('mixcoalunit').getValue(),
// statdate: Ext.getCmp('statdate').getValue()
// }
// }); var text = response.responseText;
Ext.Msg.alert('提示信息:', text);
},
faliure: function (response) {
if(response.status == 404){
Ext.Msg.alert('提示信息', '运行错误!');
}
}
});
});

Extjs中grid表格中去掉红三角的更多相关文章

  1. [ExtJS5学习笔记]第三十三节 sencha extjs 5 grid表格导出excel

    使用extjs肯定少不了使用表格控件,用到表格,领导们(一般)还是惯于使用excel看数据,所以用到extjs表格的技术猿们肯定也会有导出表格excel这一个需求,本文主要针对如何在用extjs将gr ...

  2. 已知数据库中存在表tb_book2,通过在图书信息界面填写书本的基本信息,然后提交后写入数据库中的表格中。需要对提交的信息进行修改,信息填入不能为空,为空则则有提示。

    jsp结合SQLSERVER向数据库中的表添加图书信息. 已知数据库中存在表tb_book2,通过在图书信息界面填写书本的基本信息,然后提交后写入数据库中的表格中.需要对提交的信息进行修改,信息填入不 ...

  3. 关于ligerui 中 grid 表格的扩展搜索功能在远程数据加载时无法使用的解决办法

    要想使用grid里的扩展搜索功能,除了要引用ligerui主要的js文件外,还必须引入下面的JS文件: 1.Source\demos\filter\ligerGrid.showFilter.js 2. ...

  4. [ExtJS5学习笔记]第三十四节 sencha extjs 5 grid表格之java后台导出excel

    继上次使用js前端导出excel之后,还有一个主要大家比较关注的是后台实现导出excel,因为本人开发使用的java所以这里使用apache的开源项目poi进行后台excel的导出. 本文目录 本文目 ...

  5. dojo中获取表格中某一行的某个值

    dojo中经常出现对表格中的某行进行操作,如单击某行修改.删除等.那怎样获取某行的唯一标示呢? 如查询表格中的某列有个userId,并且这个是唯一的,那么可以通过它来访问这一列 具体操作代码如下: v ...

  6. Flex中对表格中某列的值进行数字格式化并求百分比

    1.问题背景 一般的,需要对表格中某列的数值进行格式化,对该数值乘以100,并保留两位小数,添加"%" 2.实现实例 <?xml version="1.0" ...

  7. Flex中对表格中某列的值进行数字格式化

    1.问题背景 一般的,表格中展示的比率,对比率的处理是:保留两位小数,并向上保留 2.实现实例 <?xml version="1.0" encoding="utf- ...

  8. WPF中Grid容器中VerticalAlignment和HorizonAlignment和Margin的关系。

    在WPF中,经常使用Grid容器,来布局我们想要显示的对象. 这就不可避免的要和布局在其中的控件的VerticalAlignment特性,HorizonAlignment特性,以及Magin特性打交道 ...

  9. Extjs 在Grid单元中格添加Tooltip提示

    Grid 中的单元格添加Tooltip 的效果 Ext.QuickTips.init(); //必须要… columns: [ { text: 'Name', dataIndex: 'name' }, ...

随机推荐

  1. HDOJ 3466 Proud Merchants

    Problem Description Recently, iSea went to an ancient country. For such a long time, it was the most ...

  2. Android吧数据保存成xml文件

    public class MainActivity extends Activity { private List<Person> persons; @Override protected ...

  3. hdu-1272 并查集

    Problem Description 上次Gardon的迷宫城堡小希玩了很久(见Problem B),现在她也想设计一个迷宫让Gardon来走.但是她设计迷宫的思路不一样,首先她认为所有的通道都应该 ...

  4. Sublime Text 学习资料

    Sublime Text 全程指南 Sublime Text 3 官方下载: http://www.sublimetext.com/3

  5. Golang下通过syscall调用win32的dll(calling Windows DLLs from Go )

    很多同学比如我虽然很喜欢golang,但是还是需要调用很多遗留项目或者其他优秀的开源项目,这时怎么办呢?我们想到的方法是用package里的syscall结合cgo 注意此处有坑: 在我调试时显示no ...

  6. linux —— ubuntu 初次安装问题

    本文收集了我自己安装ubuntu系统时的一些想法和遇到的一些问题,以及一些我自己感兴趣的软件的安装方法等 1. 50G ubuntu 分区方案 <plan> <key> / & ...

  7. TCP异常终止(reset报文)

    在之前做智能家居系统时,师弟做的服务端与WiFI盒子(客户端)进行通信时,总是出现异常情况,然后服务端不停地向客户端发送RESET报文,之前一直都不知道是什么情况,因此一直不知道是什么问题导致的,今天 ...

  8. Android 模仿微信启动动画(转)

    本文内容 环境 项目结构 演示微信启动动画 本文演示微信启动动画.请点击此处下载,自行调试. 顺便抱怨一下,实践性(与研究性质的相对)技术博的“七宗罪”: 第一宗罪,错字连篇,逻辑不清: 第二宗罪,文 ...

  9. Linux: FTP服务原理及vsfptd的安装、配置

    1.FTP 服务的安装# yum install -y vsftpd [root@rusky pub]# ls -l /etc/vsftpd/ total 20 -rw-------. 1 root ...

  10. POJ 1265 Area POJ 2954 Triangle Pick定理

    Area Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 5227   Accepted: 2342 Description ...