personovertime.jsp

一个简单的Ext例子

			plain:true,
			layout:'fit',
			maskDisabled:false,
			defaults:{bodyStyle:'padding:10px'},	
			minimizable:true,
			items:[tabs],
			buttons:[{
				text:'保存',
				handler:function(){
						form_employee.getForm().submit({
							url:'http://localhost:8080/LEDOA/utils/empservice/addLeave.jsp?type=2',//作修改
							method:'post',
							reset : true,
							failure : function(form, action) {
								grid.setDisabled(false);
								win.hide();
								store.reload();
								Ext.MessageBox.alert('友情提示:新增成功!'); 
							},
							success : function(form, action) {
								grid.setDisabled(false);
								//store.reload();
								//grid.reconfigure(store,cm);//添加
								win.hide();
							}
						});
					}
				},{
				text:'关闭',
				handler:function(){
						grid.setDisabled(false);
						win.hide();
					}
				}]
		}); 	 	
		grid.setDisabled(true);//禁用
		win.show(); 
	}
	//编辑方法
	function createEditDialog(){
		var id = "";
		var recordToedit = grid.getSelectionModel().getSelected();
		if(!recordToedit){
			Ext.Msg.alert("提示","请先选择要编辑的行!");
			return;
		}
		//声明一个store，然后根据store来进行赋值
		var tempstore = new Ext.data.Store({
			proxy: new Ext.data.HttpProxy({url:'http://localhost:8080/LEDOA/utils/empservice/listOvertime.jsp?type=2&id='+recordToedit.get('id')}),
			reader:new Ext.data.JsonReader({
				totalProperty: 'totalProperty',
				root:'user'
			}, Personal),
			sortInfo:{field:'id',direction:'ASC'}
		});
		
		tempstore.load();
		tempstore.on("load",function(){
			id = tempstore.getAt(0).get('id');
			//alert(tempstore.getAt(0).get('personName'));
			form_employee.findById("id").setDisabled(false);
			form_employee.findById("id").setValue(tempstore.getAt(0).get('id'));
			form_employee.findById("id").setDisabled(true); 
			form_employee.findById("personName").setDisabled(false);
			form_employee.findById("personName").setValue(tempstore.getAt(0).get('personName'));
			form_employee.findById("beginTime").setDisabled(false);
			form_employee.findById("beginTime").setValue(tempstore.getAt(0).get('beginTime'));
			form_employee.findById("hours").setDisabled(false);
			form_employee.findById("hours").setValue(tempstore.getAt(0).get('hours'));
			form_employee.findById("salary").setDisabled(false);
			form_employee.findById("salary").setValue(tempstore.getAt(0).get('salary'));
			form_employee.findById("course").setDisabled(false);
			form_employee.findById("course").setValue(tempstore.getAt(0).get('course'));
		});
		var tabs = new Ext.TabPanel({
			width:783,
			height:453,
			activeTab:0,
			defaults:{autoScroll:true,frame:true},
			items:[{title:'基本信息',layout:'column',cls:'x-plain',items:[form_employee]},
			{title:'Another Tab',html:'Some other content'}]
		});
		var win=new Ext.Window({
			title:"frame", 			
			buttonAlign:'right',
			closable:false,
			width:600, 			
			height:600, 		
			border:false,
			plain:true,
			layout:'fit',
			maskDisabled:false,
			defaults:{bodyStyle:'padding:10px'},	
			minimizable:true,
			items:[tabs],
			buttons:[{
				text:'更新',
				handler:function(){
						form_employee.getForm().submit({
							url:'http://localhost:8080/LEDOA/utils/empservice/updateLeave.jsp?type=2&id='+id,
							method:'post',
							reset : true,
							failure : function(form, action) {
								grid.setDisabled(false);
								store.reload();
								win.hide();
								//Ext.MessageBox.alert('友情提示', action.result.info); 
							},
							success : function(form, action) {
								alert("test1"); 
								grid.setDisabled(false);
								store.reload();
								win.hide();
								alert("test3");
							}
						});
					}
				},{
				text:'关闭',
				handler:function(){
						grid.setDisabled(false);
						win.hide();
					}
				}]
		}); 	 	
		grid.setDisabled(true);//禁用
		win.show(); 
	}
	//删除方法
	function createDelDialog(){
		var id = "";
		var recordToedit = grid.getSelectionModel().getSelected();
		if(!recordToedit){
			Ext.Msg.alert("提示","请先选择要删除的行!");
			return;
		}
		//声明一个store，然后根据store来进行赋值
		var tempstore = new Ext.data.Store({
			proxy: new Ext.data.HttpProxy({url:'http://localhost:8080/LEDOA/utils/empservice/listOvertime.jsp?type=2&id='+recordToedit.get('id')}),
			reader:new Ext.data.JsonReader({
				totalProperty: 'totalProperty',
				root:'user'
			}, Personal),
			sortInfo:{field:'id',direction:'ASC'}
		});
		
		tempstore.load();
		tempstore.on("load",function(){
			id = tempstore.getAt(0).get('id');
			//alert(tempstore.getAt(0).get('personName'));
			form_employee.findById("id").setDisabled(false);
			form_employee.findById("id").setValue(tempstore.getAt(0).get('id'));
			form_employee.findById("id").setDisabled(true); 
			form_employee.findById("personName").setDisabled(false);
			form_employee.findById("personName").setValue(tempstore.getAt(0).get('personName'));
			form_employee.findById("personName").setDisabled(true);
			form_employee.findById("beginTime").setDisabled(false);
			form_employee.findById("beginTime").setValue(tempstore.getAt(0).get('beginTime'));
			form_employee.findById("beginTime").setDisabled(true);
			form_employee.findById("hours").setDisabled(false);
			form_employee.findById("hours").setValue(tempstore.getAt(0).get('hours'));
			form_employee.findById("hours").setDisabled(true);
			form_employee.findById("salary").setDisabled(false);
			form_employee.findById("salary").setValue(tempstore.getAt(0).get('salary'));
			form_employee.findById("salary").setDisabled(true);
			form_employee.findById("course").setDisabled(false);
			form_employee.findById("course").setValue(tempstore.getAt(0).get('course'));
			form_employee.findById("course").setDisabled(true);
		});
		var tabs = new Ext.TabPanel({
			width:783,
			height:453,
			activeTab:0,
			defaults:{autoScroll:true,frame:true},
			items:[{title:'基本信息',layout:'column',cls:'x-plain',items:[form_employee]},
			{title:'Another Tab',html:'Some other content'}]
		});
		var win=new Ext.Window({
			title:"frame", 			
			buttonAlign:'right',
			closable:false,
			width:600, 			
			height:600, 		
			border:false,
			plain:true,
			layout:'fit',
			maskDisabled:false,
			defaults:{bodyStyle:'padding:10px'},	
			minimizable:true,
			items:[tabs],
			buttons:[{
				text:'确定',
				handler:function(){
						form_employee.getForm().submit({
							url:'http://localhost:8080/LEDOA/utils/empservice/delLeave.jsp?type=2&id='+id,
							method:'post',
							reset : true,
							failure : function(form, action) {
								grid.setDisabled(false);
								store.reload();
								win.hide();
								//Ext.MessageBox.alert('友情提示', action.result.info); 
							},
							success : function(form, action) {
								alert("test1"); 
								grid.setDisabled(false);
								store.reload();
								win.hide();
								alert("test3");
							}
						});
					}
				},{
				text:'关闭',
				handler:function(){
						grid.setDisabled(false);
						win.hide();
					}
				}]
		}); 	 	
		grid.setDisabled(true);//禁用
		win.show(); 
	}
	function toDate(str){   
    	var s=str.split("-");   
    	var date=new Date(parseInt(s[0]),parseInt(s[1])-1,parseInt(s[2])); 
    	return date;   
    }
</script>
<div id="editor-grid2"></div>