EXTJS4种的grid的列编辑

最新推荐文章于 2021-08-05 22:16:09 发布

水木小僧

最新推荐文章于 2021-08-05 22:16:09 发布

阅读量1.8k

点赞数

分类专栏： EXTJS

本文链接：https://blog.csdn.net/Tony_Stark_Wang/article/details/79779728

版权

EXTJS 专栏收录该内容

11 篇文章 1 订阅

订阅专栏

就这个grid的列编辑这东西调试了好久好久，网上的方法几乎试了一遍，最后还是自己一点一点调出来的，有必要记录一下！

代码如下:

items:[{
    		xtype:'grid',
    		id:'grid',
    		autoHeight:true,
    		width:500,
    		store:store11,//functionss_upa_store
    		id:'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_point
						data_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);
					
				}			
			}
		},'->']