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' }, ...
随机推荐
- weblogic启动报错之Unrecognized option: -jrockit
报错如下: $ ./startWebLogic.sh . . JAVA Memory arguments: -Xms512m -Xmx512m . WLS Start Mode=Production ...
- 树(最小乘积生成树,克鲁斯卡尔算法):BOI timeismoney
The NetLine company wants to offer broadband internet to N towns. For this, it suffices to construct ...
- HDOJ(HDU) 2132 An easy problem
Problem Description We once did a lot of recursional problem . I think some of them is easy for you ...
- cf702B Powers of Two
B. Powers of Two time limit per test 3 seconds memory limit per test 256 megabytes input standard in ...
- ovs router
- Clouds
1.Eucalyptus: Eucalyptus is a Linux-based software architecture that implements scalable private and ...
- Servlet工作原理
Servlet生命周期分为三个阶段: 1,初始化阶段 调用init()方法 2,响应客户请求阶段 调用service()方法 3,终止阶段 调用destroy()方法 Servlet初始化阶段: 在 ...
- maven clean 报错
eclipse在使用maven的tomcat控件编译java程序时,报错 Failed to execute goal org.apache.maven.plugins:maven-clean-plu ...
- 实时控制软件第一次作业--CNC软件系统分析
作者:李君威U201310747 一.该系统有哪些强实时功能需求?需要对哪些实时事件进行实时响应,对允许的实时延迟的数量级进行估计. 答:在数控系统中,位置控制.插补计算.紧急控制等严格实时性任务需要 ...
- centos 7 安装 mariadb数据库
1.安装MariaDB #安装命令yum install mariadb mariadb-server -y#安装完成MariaDB,首先启动MariaDBsystemctl start mariad ...