资源描述:
《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