extjs의 표 편집

1783 단어
ext 테이블 편집을 수행하려면 먼저 CellEditing 플러그인을 활성화해야 합니다. 예제 코드는 다음과 같습니다.
grid = Ext.create('Ext.grid.Panel', {
		renderTo : 'information_date',//      div 
		frame : true,//     
		forceFit : true,//     panel   
		autoHeight:true,
		 plugins:[  
	                 Ext.create('Ext.grid.plugin.CellEditing',{  
//	                     clicksToEdit:1 //           
	                 })  
	        ]
}

호출
CellEditing 플러그인 이후 편집할 열에 편집기를 지정해야 합니다.
columns: [
    { xtype: "rownumberer", text: "  ", width:40 },
    { text: '  ', dataIndex: 'name' },
    {
        text: '  ', dataIndex: 'age', xtype: 'numbercolumn', format: '0',
        editor: {
            xtype: "numberfield",
            decimalPrecision: 0,
            selectOnFocus: true
        }
    },
    { text: '  ', dataIndex: 'phone', editor: "textfield" }

편집한 데이터를 저장하고grid를 호출해야 합니다.on('edit', function (editor, e) {});... 하면 된다
grid.on('edit', function (editor, e) {
		Ext.Msg.confirm('    ','    ?',function(btn){  
            if(btn=='yes'){  
            	Ext.Ajax.request({
                    url: path+'/SuppliesMaintainController/xxxx.do',
                    method: 'post',
                    params:{},
                    success: function(response,opts){
//                        var respText = Ext.decode(response.responseText);
//                        Ext.Msg.alert('  ',respText.success);
                    }
                }); 
            }  
        });  
//        e.record.commit();
    });

좋은 웹페이지 즐겨찾기