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' }, ...
随机推荐
- 【转】java参数传递(超经典)
原文网址:http://blog.sina.com.cn/s/blog_4b622a8e0100c1bo.html Java中的参数传递机制一直以来大家都争论不休,究竟是“传值”还是“传址(传引用)” ...
- 414. Third Maximum Number
这个题有点坑啊..主要是自己蠢,以为 Integer.MIN_VALUE -1 == -2147483649 public class Solution { public int thirdMax(i ...
- hive 模块
- [置顶] cocos2d-x 植物大战僵尸(4) 帽子僵尸的产生
大家早上好,趁着阳光美好的时候,我打算写下博客:今天要说的是僵尸的产生了,这块和太阳因子的产生比较相似,大体上的区别在于僵尸的基类这块:我在考虑是详细的写还是大体的写,本着对自己作业的态度和 ...
- Android ===smail语法总结
(转载自 网络)smail 语法总结 http://www.blogjava.net/midea0978/archive/2012/01/04/367847.html Smali背景: Smali,B ...
- Android基础笔记(十四)- 内容提供者读取联系人
利用内容提供者读取联系人 利用内容提供者插入联系人 内容观察者的原理 利用内容观察者监听系统应用数据库或者自己应用数据库的变化 利用内容提供者读取联系人 读取联系人相对于读取短信来说就复杂非常多了,我 ...
- 庖丁解牛FPPopover
作者:ani_di 版权所有,转载务必保留此链接 http://blog.csdn.net/ani_di 庖丁解牛FPPopover FPPopover是一个实现Popover控件的开源项目,比标准控 ...
- HDFS Architecture--官方文档
HDFS Architecture Introduction The Hadoop Distributed File System (HDFS) is a distributed file syste ...
- [转] Nginx模块开发入门
前言 Nginx是当前最流行的HTTP Server之一,根据W3Techs的统计,目前世界排名(根据Alexa)前100万的网站中,Nginx的占有率为6.8%.与Apache相比,Nginx在高并 ...
- python小练习,打出1-100之间的所有偶数,设计一个函数,在桌面上创建10个文件,并以数字命名,复利计算函数
练习一:打出1-100之间的所有偶数 def even_print(): for i in range(1,101): if i % 2 == 0: print (i) even_print() #列 ...