Extjs GRID表格组件使用小结

为什么80%的码农都做不了架构师？>>>

可编辑表格的插件：

var cellEditing = Ext.create('Ext.grid.plugin.CellEditing', {clicksToEdit: 2//双击两次编辑
});var rowEditing = Ext.create('Ext.grid.plugin.RowEditing', {clicksToMoveEditor : 1,autoCancel : false
});

点击保存（按钮绑定事件略）

function saveChanges(){var modifiedRecords = timedTaskStore.getModifiedRecords();var modifiedRecNum = modifiedRecords.length;if(modifiedRecords==0)return;Ext.MessageBox.confirm('变更数据','确定要修改'+modifiedRecNum+'条记录吗？',function(btnLabel){if(btnLabel=='yes'){grid.stopEditing();grid.getEl().mask('数据传输中','x-mask-laoding');                        var recordsToServer = [];Ext.each(modifiedRecords,function(record){recordsToServer.push(record.data);});recordsToServer = Ext.encode(recordsToServer);var lastOptions = store.lastOptions;//将当前分页数据一起发送至服务器Ext.apply(lastOptions.params,{records:recordsToServer});//ajax请求省略timedTaskStore.commitChanges();}});
}

转载于:https://my.oschina.net/jeeker/blog/424798

Extjs GRID表格组件使用小结相关推荐

用 TypeScript 写一个轻量级的 UI 框架之十三：Grid 表格组件（下）
脏数据处理 Grid 的多行数据,修改后要提交到后台.如果大批量的数据一次性提交到后台恐怕不大合理.如果只是修改过那行的数据才提交过去,是比较合理的方式.这些修改的数据,我们称为"脏数据(D ...
顶级好用的 5 款 Vue table 表格组件测评与推荐
本文首发:<顶级好用的 5 款 Vue table 表格组件测评与推荐 - 卡拉云> Vue table 表格组件作为绝大多数项目需要内嵌的组件,可谓十分重要.表格看起来虽简单,实则坑很深 ...
ExtJs 日期相加，Grid表格列可编辑
1.日期相加: Ext.Date.add(new Date(), Ext.Date.DAY, 15) 2.Grid表格列可编辑: { header : "实际已交货量", ...
extjs Grid （二）
很多时候我们表格里显示的数据是从后台查询出来的海量数据,那么海量的数据显示在表格里用户的体验肯定会很差,效率也会很低.ExtJS为了解决这个问题,就给我们提供了一个非常强大的分页组件.今天我们就研究一 ...
ExtJS4.2学习(三)Grid表格（转）
鸣谢:http://www.shuyangyang.com.cn/jishuliangongfang/qianduanjishu/2013-11-07/172.html --------------- ...
slickgrid 中ajax,slickgrid.js 一种高性能web数据表格组件的探讨
本文将探讨一种高性能web数据表格组件的实现,首先简单介绍slickgrid这个前人开发的组件,接着对该组件的设计和实现思路进行讨论,最后对该组件的思想进行提炼,实现基于原始思想的新组件. slick ...
JS组件系列——表格组件神器：bootstrap table
前言:之前一直在忙着各种什么效果,殊不知最基础的Bootstrap Table用法都没有涉及,罪过,罪过.今天补起来吧.上午博主由零开始自己从头到尾使用了一遍Bootstrap Table ,遇到不少 ...
ExtJs 分组表格控件----监听
ExtJs 分组表格控件----监听 2013年8月1日 10:59 如图,点击expand可以展开所有的分组,collapse可以合并所有的列,toggle和toggleone展开合并一个分组 Ex ...
antd table设置表格一个单元格的字体颜色_alireacttable：高性能 React 表格组件
点击上方蓝字关注我们简介在前端开发中,表格一直都是最复杂的组件之一.表格不仅要支持丰富的操作(排序.过滤.搜索.分页.自定义列等),还要有非常好的性能以展示大量数据.很多组件库(例如 fusion ...
extjs Grid（一）
我们在很多网站都能看到表格的影子,而ExtJS Grid在页面表现上又非常强大,下面我们就创建我们的第一个表格. 在ExtJS中我们是通过Ext.grid.ColumnModel这个类来描述列属性的. ...

Extjs GRID表格组件使用小结

Extjs GRID表格组件使用小结相关推荐

最新文章

热门文章