grid中数据的保存,添加和删除.pdf

grid中数据的保存,添加和删除.pdf

ID:57601413

大小:732.72 KB

页数:21页

时间:2020-08-28

grid中数据的保存,添加和删除.pdf_第1页
grid中数据的保存,添加和删除.pdf_第2页
grid中数据的保存,添加和删除.pdf_第3页
grid中数据的保存,添加和删除.pdf_第4页
grid中数据的保存,添加和删除.pdf_第5页
资源描述:

《grid中数据的保存,添加和删除.pdf》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、extjs学习笔记(六)grid中数据的保存,添加和删除(转)(2010-11-2212:46:53)转载标签:分类:ExtJSextjsgrid增删改查杂谈在上一个系列当中,我们学习了如何对grid中的内容进行编辑,但是编辑的结果我们并没有保存,这在实际的应用中是没有什么意义的。在有些情况下,除了编辑之外,还要通过grid进行数据的增加和删除,这两个操作也涉及到对于数据的保存。在这个系列里边,我们将学习如何保存数据以及通过grid对数据进行增加和删除。我们在前边的学习过程中已经知道,grid其实只是显示数据,它

2、通过配置参数store来获得数据,这个参数需要的是Store类或者其子类的一个对象,里边封装了我们需要的数据。我们现在应该已经比较熟悉Store类了,这次我们需要使用它的一个属性modified,里边保存了被修改过的记录的集合。我们通过把上个系列中的例子改变一下来看看如何保存数据:1///29Ext.BLANK_IMAGE_URL='../extjs/resources/images/default/s.gif';1011Ext.onRead

3、y(function(){12Ext.QuickTips.init();1314//格式化日期15functionformatDate(value){16returnvalue?value.dateFormat('Y年m月d日'):'';17}1819//别名20varfm=Ext.form;2122//构造一个只能包含checkbox的列23varcheckColumn=newExt.grid.CheckColumn({24header:'Indoor?',25dataIndex:'indoor',26widt

4、h:5527});2829//构造ColumnModel30varcm=newExt.grid.ColumnModel({31columns:[{32id:'common',33header:'CommonName',34dataIndex:'common',35width:220,36//使用上边定义好的别名37editor:newfm.TextField({38allowBlank:false39})40},{41header:'Light',42dataIndex:'light',43width:130,4

5、4editor:newfm.ComboBox({45typeAhead:true,46triggerAction:'all',47transform:'light',48lazyRender:true,49listClass:'x-combo-list-small'50})51},{52header:'Price',53dataIndex:'price',54width:70,55align:'right',56renderer:'usMoney',57editor:newfm.NumberField({58al

6、lowBlank:false,59allowNegative:false,60maxValue:10000061})62},{63header:'Available',64dataIndex:'availDate',65width:95,66renderer:formatDate,67editor:newfm.DateField({68format:'Y年m月d日',69minValue:'01/01/06',70disabledDays:[0,6],71disabledDaysText:'Plantsareno

7、tavailableontheweekends'72})73},74checkColumn75],76defaults:{77sortable:true78}79});808182//构造一个Store对象83varstore=newExt.data.Store({8485url:'plants.xml',8687reader:newExt.data.XmlReader(88{89record:'plant'90},9192[93{name:'common',type:'string'},94{name:'bot

8、anical',type:'string'},95{name:'light'},96{name:'price',type:'float'},97{name:'availDate',mapping:'availability',type:'date',dateFormat:'m/d/Y'},98{name:'indoor',type:'bool'}99]100),10110

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。