本文主要是介绍EXTJS4种的grid的列编辑,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
就这个grid的列编辑这东西调试了好久好久,网上的方法几乎试了一遍,最后还是自己一点一点调出来的,有必要记录一下!
代码如下:
items:[{xtype:'grid',id:'grid',autoHeight:true,width:500,store:store11,//functionss_upa_storeid:'uplwin_grid',plugins:[ Ext.create('Ext.grid.plugin.CellEditing',{ clicksToEdit:1 //设置单击单元格编辑 }) ], columns:[{xtype:'rownumberer',header:'测试点',width:60,align:'center'},//行号{header:"id",width:100,dataIndex:'id',sortable:false,menuDisabled:true,align:"center",hidden:true},{header:"提示",width:300,dataIndex:'name',sortable:false,menuDisabled:true,align:"center"},{header:"分数",width:100,dataIndex:'age',sortable:false,menuDisabled:true,xtype: 'numbercolumn',format: '0',editor: {xtype: "numberfield",decimalPrecision: 0},align:"center"}] }],bbar:['->',{buttonAlign:'center', xtype:'button',text:'修改',handler:function(){var record=store11.getUpdatedRecords();//Extjs4版本里面获取grid修改的记录用的是这一个
var len=record.length;if(len==0){Ext.Msg.alert("提示","您还没有修改"); }else{var id_change=new Array();var data_cahnge=new Array();var obj=new Array();for(i=0;i<len;i++){id_change[i]=record[i].data.id;//data.id_algorithm_test_pointdata_cahnge[i]=record[i].data.age; obj.push({id:id_change[i],data:data_cahnge[i]});//array,{id:2,data:64}{}//obj.push([id_change[i],data_cahnge[i]]);//[2,64] }// console.log(obj);Ext.Msg.alert("提示","修改的记录"+obj);} }},'->']
这篇关于EXTJS4种的grid的列编辑的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!