Extjs中grid表格中去掉红三角
在编辑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表格中去掉红三角的更多相关文章
- [ExtJS5学习笔记]第三十三节 sencha extjs 5 grid表格导出excel
使用extjs肯定少不了使用表格控件,用到表格,领导们(一般)还是惯于使用excel看数据,所以用到extjs表格的技术猿们肯定也会有导出表格excel这一个需求,本文主要针对如何在用extjs将gr ...
- 已知数据库中存在表tb_book2,通过在图书信息界面填写书本的基本信息,然后提交后写入数据库中的表格中。需要对提交的信息进行修改,信息填入不能为空,为空则则有提示。
jsp结合SQLSERVER向数据库中的表添加图书信息. 已知数据库中存在表tb_book2,通过在图书信息界面填写书本的基本信息,然后提交后写入数据库中的表格中.需要对提交的信息进行修改,信息填入不 ...
- 关于ligerui 中 grid 表格的扩展搜索功能在远程数据加载时无法使用的解决办法
要想使用grid里的扩展搜索功能,除了要引用ligerui主要的js文件外,还必须引入下面的JS文件: 1.Source\demos\filter\ligerGrid.showFilter.js 2. ...
- [ExtJS5学习笔记]第三十四节 sencha extjs 5 grid表格之java后台导出excel
继上次使用js前端导出excel之后,还有一个主要大家比较关注的是后台实现导出excel,因为本人开发使用的java所以这里使用apache的开源项目poi进行后台excel的导出. 本文目录 本文目 ...
- dojo中获取表格中某一行的某个值
dojo中经常出现对表格中的某行进行操作,如单击某行修改.删除等.那怎样获取某行的唯一标示呢? 如查询表格中的某列有个userId,并且这个是唯一的,那么可以通过它来访问这一列 具体操作代码如下: v ...
- Flex中对表格中某列的值进行数字格式化并求百分比
1.问题背景 一般的,需要对表格中某列的数值进行格式化,对该数值乘以100,并保留两位小数,添加"%" 2.实现实例 <?xml version="1.0" ...
- Flex中对表格中某列的值进行数字格式化
1.问题背景 一般的,表格中展示的比率,对比率的处理是:保留两位小数,并向上保留 2.实现实例 <?xml version="1.0" encoding="utf- ...
- WPF中Grid容器中VerticalAlignment和HorizonAlignment和Margin的关系。
在WPF中,经常使用Grid容器,来布局我们想要显示的对象. 这就不可避免的要和布局在其中的控件的VerticalAlignment特性,HorizonAlignment特性,以及Magin特性打交道 ...
- Extjs 在Grid单元中格添加Tooltip提示
Grid 中的单元格添加Tooltip 的效果 Ext.QuickTips.init(); //必须要… columns: [ { text: 'Name', dataIndex: 'name' }, ...
随机推荐
- C语言数据类型的理解
数据类型的定义: 作为一种语言,必然有所谓的语言组成要素,就像日常生活中人们之间的交流一样,首先会有字,字再成词组,再来就是句子,后来呢就是段落等等.当然不同的字,词,句这些在一起,就会有不同的表达效 ...
- Python中的迭代器和生成器
本文以实例详解了python的迭代器与生成器,具体如下所示: 1. 迭代器概述: 迭代器是访问集合元素的一种方式.迭代器对象从集合的第一个元素开始访问,直到所有的元素被访问完结束.迭代器只能往前不会后 ...
- [JAVA关键字] synchronized
synchronized, Example: public synchronized void XXX() {} 参考 http://wenku.baidu.com/link?url=ecb1Zivf ...
- 6种GET和POST请求发送方法
我试过了畅言和多说两种社会化评论框,后来还是抛弃了畅言,不安全. 无论是畅言还是多说,我都需要从远程抓取文章的评论数,然后存入本地数据库.对于多说,请求的格式如下: // 获取评论次数,参数是文章ID ...
- Swing实现文件选择(目录选择)附导出
具体生成工具如图: (1) (2) (3) (4) 源码 : example.java package org.qiailin.jframe; import java.awt.Container; i ...
- angularJS测试一 Karma Jasmine Mock
AngularJS测试 一 测试工具 1.NodeJS领域:Jasmine做单元测试,Karma自动化完成单元测试,Grunt启动Karma统一项目管理,Yeoman最后封装成一个项目原型模板,npm ...
- 用C#来开发CAD插件,含源代码
转自原文 用C#来开发CAD插件,含源代码 CAD插件看起来很神秘,其实一个合格码农经过几天就能快速掌握.没什么秘密,开发CAD插件和winform一样简单学几个类库用法就是(只是太多人不喜欢知识分享 ...
- Python Logging 模块研究
背景在一个新的项目里面加入了日志功能,想自己写一个,但是一个偶然的机会,通过google发现Python内建了一个非常强大的日志(log)模块:l... 背景 在一个新的项目里面加入了日志功能,想自己 ...
- [Falcor] Indroduce to Model
How to work with JSON data indirectly through a Falcor Model. The Falcor Model allows you to work wi ...
- pythonQQ邮件
http://www.cnblogs.com/lonelycatcher/archive/2012/02/09/2343463.html http://blog.csdn.net/imzoer/art ...