extjs前台平铺

最新推荐文章于 2017-06-10 17:11:33 发布
最新推荐文章于 2017-06-10 17:11:33 发布
阅读量1k 收藏 1
点赞数
文章标签： extjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010256177/article/details/11178957
版权
该页面将前台平铺展现的很好。 
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/jsp/include/doctype.jsp" %>
<%@ include file="/jsp/include/head.jsp" %>
<%@ include file="/jsp/include/extjs.jsp" %>
<html>
  <head>
    <title>后勤中心业务管理</title>
  </head>
  <link rel="stylesheet" type="text/css" href="<%= cssPath %>/forms.css" />
 <link rel="stylesheet" type="text/css" href="<%= cssPath %>/grid.css" />
<script type="text/javascript">
	Ext.onReady(function(){
		Ext.QuickTips.init();
		Ext.form.Field.prototype.msgTarget = 'side';
		//根据传入的搜索框中的值查询数据库得到数据，以JSON形式返回前台
	    	var roleDs = new Ext.data.Store({  //数据集	?
			proxy: new Ext.data.HttpProxy({
				url: 'logisticAction!getLogisticData.shtml'
			}),
			reader: new Ext.data.JsonReader({ //?????°??°?????￥JSON??￠???è?????
				totalProperty: 'total',
				root: 'list',
				id: 'createId',
				},
				[	
				{name: 'createId'},        		 //主键
				{name:'re_num'},           		 //维修单编号
				{name:'re_item'},         		 //维修项目
				{name:'re_typeofwork'},    		 //工种
				{name:'re_hours'},          	 //维修工时
				{name:'re_material'},       	 //维修材料
				{name:'re_materialnum'},    	 //材料数量
				{name:'re_date'},           	 //完成时间
				{name:'timelinesscomment'}, 	 //及时性评价
				{name:'repairqualitycomment'},   //维修质量评价
				{name:'operatepersonname'}       //当前操作人
	            ]),	
			remoteSort: true,
			autoLoad: {params:{start:PAGING_START_INDEX, limit:PAGING_PAGE_SIZE}} //自动加载数据源，里面有页面最大值，页码
		});

	 /**************************************下拉列表中的数据源****************************************************/  
    //维修质量评下拉框中固定的数据源
  				typeProxy	= new Ext.data.MemoryProxy([
	       		    ['优','优'],
	       		    ['良','良'],
	       			['中','中'],
	       			['差','差']
	       		]);
	       	    var typeReader = new Ext.data.ArrayReader({},[  //读取方式为键值对
	       		    {name: 'cid', type:'string', mapping:0},
	       		    {name: 'cname', type:'string', mapping:1}
	       		]);
	       		var repairqualitycommentStore = new Ext.data.Store({
	       		    proxy: typeProxy,
	       		    reader:typeReader,
	       		    autoLoad:true
	       		});
  //及时性评价下拉框中固定的数据源
  	    var typeProxy = new Ext.data.MemoryProxy([
	       		    ['及时','及时'],
	       		    ['不及时','不及时']
	       		]);
	       	    var typeReader = new Ext.data.ArrayReader({},[
	       		    {name: 'cid', type:'string', mapping:0},
	       		    {name: 'cname', type:'string', mapping:1}
	       		]);
	       		var timelinesscommentStore = new Ext.data.Store({
	       		    proxy: typeProxy,
	       		    reader:typeReader,
	       		    autoLoad:true
	       		});
  	 //材料下拉框中的数据源在数据库中获取
	var metrialStore = new Ext.data.Store({
        proxy: new Ext.data.HttpProxy({
            url: 'materialAction!selectFormatStore.shtml'  //这个是url，就是你要取的值到下拉框中的
        }),
        reader: new Ext.data.JsonReader({
        root: 'root',
        fields: ['cid','cname'] //跟后面的ComboBox的displayField和valueField对于
        })
       });
        metrialStore.load({params:{act:'listfolder'}}); //一加载的时候  就显示数据  	
        
      /******************************************************************************************/  
		//列表样式，树的右侧的显示表
		var roleSm = new Ext.grid.CheckboxSelectionModel();   //定义一个复选框对象
		var roleCol = new Ext.grid.ColumnModel([
		roleSm,    //复选框
		new Ext.grid.RowNumberer({
			id: 'rownum',
			width: 50,
			align: 'center',		
			header: '<s:text name="com.label.rownum"/>'
		}),{
           id: 'id',
           header: '<s:text name="com.label.id"/>',
           dataIndex: 'createId',
           width: 20,
           align: 'center',
           hidden: true
        },{
           header: '维修单编号',
           dataIndex: 're_num',
           width: 90,
           align: 'center'
        },{
           header: '维修项目',
           dataIndex: 're_item',
           width: 90,
           align: 'center'
        },{
           header: '工种',
           dataIndex: 're_typeofwork',
           width: 80,
           align: 'center'
        },{
            header: '维修工时',
            dataIndex: 're_hours',
            width: 80,
            align: 'center'
         },{
             header: '维修材料',
             dataIndex: 're_material',
             width: 90,
             align: 'center'
          },{
              header: '材料数量',
              dataIndex: 're_materialnum',
              width: 90,
              align: 'center'
           },
           {
           header: '完成时间',
           dataIndex: 're_date',
           width: 90,
           align: 'center',
           renderer:new Ext.util.Format.dateRenderer("Y-m-d")
          },{
            header: '及时性评价',
            dataIndex: 'timelinesscomment',
            width: 90,
            align: 'center'
         },{
           header: cf_getAlignCenter('维修质量评价'),
           dataIndex: 'repairqualitycomment',
           width: 90,
           align: 'center'
        }
        ]);
        roleCol.defaultSortable = true;   //表框中每列都可以排序
        
  /*************右边grid窗口开始*******************************************************/
		 var roleGrid = new Ext.grid.GridPanel({ //窗体包含数据库中的数据
	        height: window.screen.availHeight-150,
	        title: '后勤业务管理',
	        store: roleDs,                            //一开始查询数据库的数据源
	        cm: roleCol,                              //上面的编写好的对应数据库中数据的记录对象
	        trackMouseOver: true,                     //鼠标移到上面的效果
	        iconCls: 'grid',
	        loadMask: true,
	        loadMask: {msg:'<s:text name="com.messages.data.loading"/>'},
	        viewConfig: {forceFit: true},  //自动填充，会按照设置的宽度之比自动进行显示
			tbar:[{                                          
	            text: '验收',
	            iconCls: 'edit',
	            handler: function() {
	            var recordtoedit = roleGrid.getSelectionModel().getSelected();   //取得选中的grid的当行记录对象   
	            if(roleGrid.getSelections().length == 1) {                       //判断选择了几条记录
				getAddOrgWindow(recordtoedit);
		}else{
		Ext.MessageBox.alert('<s:text name="com.title.notice"/>', '<s:text name="com.messages.select"/>');
					}
	            }
	        },'->',                                  //工具栏
		        '材料  ',
	        	new Ext.form.ComboBox({
	        		id:'hq_material',
	        		name:"hq_material",
	        		editable:false ,
				width:180,
				    mode  :'local',
				    triggerAction:'all', 
				    emptyText:'请选择材料...',         //默认值
				    store : metrialStore,
				    displayField: 'cname', 
				    valueField  : 'cname'
				    
	        }),'-','价格区间  ',
	        	new Ext.form.TextField({
	        	
				width : 180,
				xtype : 'textfield',
				id:'hq_Money',
				name:"hq_Money",
				maxLength : 128
	        }),'  ',
			new Ext.Button({
				text: '抽查',
	        	iconCls: 'search',
	        	handler: function() {
	        		roleDs.baseParams = {
	        			hq_material: Ext.getCmp('hq_material').getValue(),	
	        		hq_Money: Ext.getCmp('hq_Money').getValue()	};   //传递的参数
	        		roleDs.reload();
	        	}
	        })],
	        bbar: cf_getPagingToolbar(PAGING_PAGE_SIZE,roleDs)
        });
       
        roleGrid.render(document.body);
        
      
/*************右边grid窗口结束******************************************************/                


     /*************************************跳出的那个层*****************************************************/
          var win = cf_ShowWindow('',1050,550);
		   function getAddOrgWindow(recordtoedit){      //接收传过来的对象
                    win.setIconClass('icon-form-edit');
			    	win.setTitle('验收');
			    	form = getAddOrgForm();            
			    	var items = new Ext.util.MixedCollection();  //
			    	items.add("form",form);
			    	win.items = items;	 
			        var records =roleGrid.getSelectionModel().getSelections();
			        var store = new Ext.data.Store({ //得到集团审核过的基本数据源
			    		proxy: new Ext.data.HttpProxy({
			    			url: 'logisticAction!getNeedsData.shtml?ws_num_my='+recordtoedit.get("createId")  //将维修单编号传递过去，获取数据库中相应的数据的zhi
			    		}),
			    		reader: new Ext.data.JsonReader({
							root: 'list',
							id: 'id'	
			    		},[
							{name: 'createId'},        				 //主键
							{name:'re_num'},           				 //维修单编号
							{name:'re_item'},         		 		 //维修项目
							{name:'re_typeofwork'},    				 //工种
							{name:'re_hours'},         			     //维修工时
							{name:'re_material'},       	 		 //维修材料
							{name:'re_materialnum'},    			 //材料数量
							{name:'re_date'} ,           			 //完成时间
							{name:'ws_num'},                         //维修单编号
							{name:'timelinesscomment'},              //及时性评价
							{name:'repairqualitycomment'},           //质量评价
							{name:'ws_school'},                      //维修校区
							{name : 'ws_building'},                  //维修楼宇
							{name : 'ws_floor'},                     //维修楼层
							{name : 'ws_place'},                     //维修地点
							{name : 'ws_desc'},                      //维修项目
							{name :'ws_date'}                         //报修时间
			    		  ]		
			    			),	
			    		remoteSort: true,
			    		autoLoad: {params:{start:PAGING_START_INDEX,limit:PAGING_PAGE_SIZE}} //è????????é?μ?????°
			    	});
			        
			        //维修人的数据源
			        var wxstore = new Ext.data.Store({ //得到集团审核过的基本数据源
			    		proxy: new Ext.data.HttpProxy({
			    			url: 'logisticAction!getWeiXiuData.shtml?wxre_num='+recordtoedit.get("re_num")  //将维修单编号传递过去，获取数据库中相应的数据的zhi
			    		}),
			    		reader: new Ext.data.JsonReader({
							root: 'list',
							id: 'id'	
			    		},[
							{name:'re_hours'},         			     //维修工时
							{name:'re_material'},       	 		 //维修材料
							{name:'re_materialnum'},    			 //材料数量
							{name:'re_date'}            			 //完成时间
			    		  ]		
			    			),	
			    		remoteSort: true,
			    		autoLoad: {params:{start:PAGING_START_INDEX,limit:PAGING_PAGE_SIZE}} //è????????é?μ?????°
			    	});
			        
			      //报修人填写数据的数据源
			        var bxstore = new Ext.data.Store({ //得到集团审核过的基本数据源
			    		proxy: new Ext.data.HttpProxy({
			    			url: 'logisticAction!getBaoxiuData.shtml?bxre_num='+recordtoedit.get("re_num")+'&bxId='+recordtoedit.get("createId")  //将维修单编号传递过去，获取数据库中相应的数据的zhi
			    		}),
			    		reader: new Ext.data.JsonReader({
							root: 'list',
							id: 'id'	
			    		},[
							{name:'re_hours'},         			     //维修工时
							{name:'re_material'},       	 		 //维修材料
							{name:'re_materialnum'},    			 //材料数量
							{name:'re_date'},            			 //完成时间
							{name:'timelinesscomment'},              //及时性评价
							{name:'repairqualitycomment'}            //质量评价
			    		  ]		
			    			),	
			    		remoteSort: true,
			    		autoLoad: {params:{start:PAGING_START_INDEX,limit:PAGING_PAGE_SIZE}} 
			    	});
			      
			        bxstore.on('load',function(){   //如果选中了一条记录
			        if(records.length>0){
			            var ids="";
				        for (var i = 0, len = records.length; i < len; i++) {
				           ids+= records[i].createId+",";
				        }
				        ids = ids.substring(0,ids.length-1);
				        win.show();
				        form.getForm().reset();
				    	form.getForm().setValues({
				    		//基础数据传值
				    		re_num:store.getAt(0).get("re_num"),     //维修单编号
				    		ws_school:store.getAt(0).get("ws_school"), //学校
				    		ws_building:store.getAt(0).get("ws_building"), //楼宇
				    		ws_floor:store.getAt(0).get("ws_floor"),      //楼层
				    		ws_place:store.getAt(0).get("ws_place"), //地点
				    		ws_desc:store.getAt(0).get("ws_desc"), //维修项目
				    		re_date:store.getAt(0).get("re_date"),       //报修时间
				    		re_typeofwork:store.getAt(0).get("re_typeofwork"),  //工种
				    		
				    		//维修人数据传值
				   			wx_rehours:wxstore.getAt(0).get("re_hours"),
				   			wx_rematerial:wxstore.getAt(0).get("re_material"),
				   			wx_rematerialnum:wxstore.getAt(0).get("re_materialnum"),
				   			wx_re_date:wxstore.getAt(0).get("re_date"),
				   		
				    		//报修人验收数据传值
				    		bx_rehours:bxstore.getAt(0).get("re_hours"),      //审核工时
				   			bx_rematerial:bxstore.getAt(0).get("re_material"), //审核材料
				   			bx_rematerialnum:bxstore.getAt(0).get("re_materialnum"), //审核材料数量
				   			bx_re_date:bxstore.getAt(0).get("re_date"),           //验证时间
				   			bx_timelinesscomment:bxstore.getAt(0).get("timelinesscomment"),      //报修人对及时性的评价
				    		bx_repairqualitycomment:bxstore.getAt(0).get("repairqualitycomment"),    //报修人对维修质量的评价
				    		
				    		//集团修建中心验收信息
				    	jt_rehours:store.getAt(0).get("re_hours"),               //集团审核工时
				    jt_rematerial:store.getAt(0).get("re_material"),            //集团审核材料
				    jt_rematerialnum:store.getAt(0).get("re_materialnum"),         //集团审核数量
				    jt_redate:store.getAt(0).get("re_date"),                //集团的验收时间
				    jt_timelinesscomment:store.getAt(0).get("timelinesscomment"),      //集团对及时性的评价
				    jt_repairqualitycomment:store.getAt(0).get("repairqualitycomment"),    //集团对维修质量的评价
				    		
				    		//后勤里面的初始数据
				    	hq_num:store.getAt(0).get("re_num"),                         //维修单编号
				    	hq_desc:store.getAt(0).get("ws_desc"),                       //维修项目
				    	hq_typeofwork:store.getAt(0).get("re_typeofwork"),           //工种
				    	hq_rehours:store.getAt(0).get("re_hours"),                   //集团审核工时
				    	hq_rematerial:store.getAt(0).get("re_material"),             //集团审核材料
				    	hq_rematerialnum:store.getAt(0).get("re_materialnum"),         //集团审核数量
				    	hq_redate:store.getAt(0).get("re_date"),                      //集团的验收时间
				    	hq_timelinesscomment:store.getAt(0).get("timelinesscomment"),      //集团对及时性的评价
				    hq_repairqualitycomment:store.getAt(0).get("repairqualitycomment"),    //集团对维修质量的评价
				        createId:ids
			        });	
			        }else{
				             Ext.MessageBox.alert('<s:text name="com.title.notice"/>', '<s:text name="com.messages.select"/>');
				        }
			        });
		   }
		  
		function getAddOrgForm() {
			 var auditForm = new Ext.FormPanel({ 
			        labelWidth:60,
			        labelAlign:'right',
			        frame:true,
			        bodyStyle:'padding:5px 5px 0',
			        width:500,
			        defaults:{width: 1000},
					iconCls:'icon-form-edit',
			        items: [
			        	{
			        		  xtype:'fieldset',
		            	      title:'基础信息',
		            	      layout : 'column',
		            	      height:85,
		            	      items : [
		            	        {
								columnWidth : 0.25,
								layout : 'form',
								labelWidth : 70,
									items : {	
									fieldLabel : '维修单编号',
									width : 180,
									xtype : 'textfield',
									name:'re_num',
									id:'re_num',
									readOnly: true,
									allowBlank : false,
									maxLength : 128
									}
								},{
								columnWidth : 0.25,
								layout : 'form',
								labelWidth : 70,
									items : {
										fieldLabel : '学校',
										width : 180,
										xtype : 'textfield',
										name:'ws_school',
										id:'ws_school',
										readOnly: true,
										allowBlank : false,
										maxLength : 128
									}
								},{
								columnWidth : 0.25,
								layout : 'form',
								labelWidth : 80,
									items : {
										fieldLabel : '楼宇',
										width : 180,
										xtype : 'textfield',
										name:'ws_building',
										id:'ws_building',
										readOnly: true,
										allowBlank : false,
										maxLength : 128
									}
								},{
								columnWidth : 0.25,
								layout : 'form',
								labelWidth : 70,
									items : {
										fieldLabel : '楼层',
										width : 180,
										xtype : 'textfield',
										name:'ws_floor',
										id:'ws_floor',
										readOnly: true,
										allowBlank : false,
										maxLength : 128
										
									}
								},{
								columnWidth : 0.25,
								layout : 'form',
								labelWidth : 70,
									items : {
										fieldLabel : '地点',
										width : 180,
										xtype : 'textfield',
										name:'ws_place',
										id:'ws_place',
										readOnly: true,
										allowBlank : false,
										maxLength : 128
									}
								},{
								columnWidth : 0.25,
								layout : 'form',
								labelWidth : 80,
									items : {
										fieldLabel : '维修项目',
										width : 180,
										xtype : 'textfield',
										name:'ws_desc',
										id:'ws_desc',
										readOnly: true,
										allowBlank : false,
										maxLength : 128
									}
								},{
								columnWidth : 0.25,
								layout : 'form',
								labelWidth : 70,
									items : {
										fieldLabel : '报修时间',
										width : 180,
										xtype : 'textfield',
										name:'re_date',
										id:'re_date',
										readOnly: true,
										allowBlank : false,
										maxLength : 128
									}
								},{
									columnWidth : 0.25,
									layout : 'form',
									labelWidth : 70,
										items : {
											fieldLabel : '工种',
											width : 180,
											xtype : 'textfield',
											name:'re_typeofwork',
											id:'re_typeofwork',
											readOnly: true,
											allowBlank : false,
											maxLength : 128
										}
									}
		            	      ]
			        	},{
			        		  xtype:'fieldset',
		            	      title:'维修人填写信息',
		            	      layout : 'column',
		            	      height:65,
		            	      items : [
				            	      {
										columnWidth : 0.25,
										layout : 'form',
										labelWidth : 70,
											items : {
												fieldLabel : '维修工时',
												width : 180,
												xtype : 'textfield',
												name:'wx_rehours',
												id:'wx_rehours',
												readOnly: true,
												allowBlank : false,
												maxLength : 128
											}
										},{
										columnWidth : 0.25,
										layout : 'form',
										labelWidth : 70,
											items : {
												fieldLabel : '维修材料',
												width : 180,
												xtype : 'textfield',
												name:'wx_rematerial',
												id:'wx_rematerial',
												readOnly: true,
												allowBlank : false,
												maxLength : 128
											}
										},{
										columnWidth : 0.25,
										layout : 'form',
										labelWidth : 70,
											items : {
												fieldLabel : '材料数量',
												width : 180,
												xtype : 'textfield',
												name:'wx_rematerialnum',
												id:'wx_rematerialnum',
												readOnly: true,
												allowBlank : false,
												maxLength : 128
											}
										},{
										columnWidth : 0.25,
										layout : 'form',
										labelWidth : 70,
											items : {
												fieldLabel : '完成时间',
												width : 180,
												xtype : 'textfield',
												name:'wx_re_date',
												id:'wx_re_date',
												readOnly: true,
												allowBlank : false,
												maxLength : 128
											}
										}							
				            	      ]
			        	},
			        	{
			        		  xtype:'fieldset',
		            	      title:'报修人验收信息',
		            	      layout : 'column',
		            	      height:85,
		            	      items : [
		            	       {
								columnWidth : 0.25,
								layout : 'form',
								labelWidth : 70,
									items : {
										fieldLabel : '维修工时',
										width : 180,
										xtype : 'textfield',
										name:'bx_rehours',
										id:'bx_rehours',
										readOnly: true,
										allowBlank : false,
										maxLength : 128
									}
								},{
								columnWidth : 0.25,
								layout : 'form',
								labelWidth : 70,
									items : {
										fieldLabel : '维修材料',
										width : 180,
										xtype : 'textfield',
										name:'bx_rematerial',
										id:'bx_rematerial',
										readOnly: true,
										allowBlank : false,
										maxLength : 128
									}
								},{
								columnWidth : 0.25,
								layout : 'form',
								labelWidth : 80,
									items : {
										fieldLabel : '材料数量',
										width : 180,
										xtype : 'textfield',
										name:'bx_rematerialnum',
										id:'bx_rematerialnum',
										readOnly: true,
										allowBlank : false,
										maxLength : 128
									}
								},{
								columnWidth : 0.25,
								layout : 'form',
								labelWidth : 70,
									items : {
										fieldLabel : '验收时间',
										width : 180,
										xtype : 'textfield',
										name:'bx_re_date',
										id:'bx_re_date',
										readOnly: true,
										allowBlank : false,
										maxLength : 128
									}
								},{
									columnWidth : 0.25,
									layout : 'form',
									labelWidth : 70,
										items : {
											fieldLabel : '及时性评价',
											width : 180,
											xtype : 'textfield',
											name:'bx_timelinesscomment',
											id:'bx_timelinesscomment',
											readOnly: true,
											allowBlank : false,
											maxLength : 128
										}
									},{
										columnWidth : 0.25,
										layout : 'form',
										labelWidth : 80,
											items : {
												fieldLabel : '维修质量评价',
												width : 180,
												xtype : 'textfield',
												name:'bx_repairqualitycomment',
												id:'bx_repairqualitycomment',
												readOnly: true,
												allowBlank : false,
												maxLength : 128
											}
										}
		            	      ]
			        	},
			        	{
			        		  xtype:'fieldset',
		            	      title:'集团验收信息',
		            	      layout : 'column',
		            	      height:85,
		            	      items : [
		            	       {
								columnWidth : 0.25,
								layout : 'form',
								labelWidth : 70,
									items : {
										fieldLabel : '维修工时',
										width : 180,
										xtype : 'textfield',
										name:'jt_rehours',
										id:'jt_rehours',
										readOnly: true,
										allowBlank : false,
										maxLength : 128
									}
								},{
								columnWidth : 0.25,
								layout : 'form',
								labelWidth : 70,
									items : {
										fieldLabel : '维修材料',
										width : 180,
										xtype : 'textfield',
										name:'jt_rematerial',
										id:'jt_rematerial',
										readOnly: true,
										allowBlank : false,
										maxLength : 128
									}
								},{
								columnWidth : 0.25,
								layout : 'form',
								labelWidth : 80,
									items : {
										fieldLabel : '材料数量',
										width : 180,
										xtype : 'textfield',
										name:'jt_rematerialnum',
										id:'jt_rematerialnum',
										readOnly: true,
										allowBlank : false,
										maxLength : 128
									}
								},{
								columnWidth : 0.25,
								layout : 'form',
								labelWidth : 70,
									items : {
										fieldLabel : '验收时间',
										width : 180,
										xtype : 'textfield',
								        name:'jt_redate',
										id:'jt_redate',
										readOnly: true,
										allowBlank : false,
										maxLength : 128
									}
								},{
									columnWidth : 0.25,
									layout : 'form',
									labelWidth : 70,
										items : {
											fieldLabel : '及时性评价',
											width : 180,
											xtype : 'textfield',
											name:'jt_timelinesscomment',
											id:'jt_timelinesscomment',
											readOnly: true,
											allowBlank : false,
											maxLength : 128
										}
									},{
										columnWidth : 0.25,
										layout : 'form',
										labelWidth : 80,
											items : {
												fieldLabel : '维修质量评价',
												width : 180,
												xtype : 'textfield',
												name:'jt_repairqualitycomment',
												id:'jt_repairqualitycomment',
												readOnly: true,
												allowBlank : false,
												maxLength : 128
											}
										}
		            	      ]
			        	},
			               {
			        		  xtype:'fieldset',
		            	      title:'后勤修建中心验收信息',
		            	      layout : 'column',
		            	      height:85,
		            	      items : [
								{
									fieldLabel:'',
								    name:'re_createId',
								    xtype:'hidden'
								},
								{
								columnWidth : 0.25,
								layout : 'form',
								labelWidth : 70,
									items : {	
									fieldLabel : '维修单编号',
									width : 180,
									xtype : 'textfield',
									name:'hq_num',
									id:'hq_num',
									readOnly: true,
									allowBlank : false,
									maxLength : 128
									},
								hidden:true
								},{
								columnWidth : 0.25,
								layout : 'form',
								labelWidth : 70,
									items : {
										fieldLabel : '维修项目',
										width : 180,
										xtype : 'textfield',
										name:'hq_desc',
										id:'hq_desc',
										readOnly: true,
										allowBlank : false,
										maxLength : 128
									},
									hidden:true
								},{
								columnWidth : 0.25,
								layout : 'form',
								labelWidth : 80,
									items : {
										fieldLabel : '工种',
										width : 180,
										xtype : 'textfield',
										name:'hq_typeofwork',
										id:'hq_typeofwork',
										readOnly: true,
										allowBlank : false,
										maxLength : 128
									},
									hidden:true
								},{
								columnWidth : 0.25,
								layout : 'form',
								labelWidth : 70,
									items : {
										fieldLabel : '维修工时',
										width : 180,
										xtype : 'numberfield',
										name:'hq_rehours',
										id:'hq_rehours',						
										allowBlank : false,
										maxLength : 128
									}
								},{
								columnWidth : 0.25,
								layout : 'form',
								labelWidth : 70,
									items : {
										fieldLabel : '维修材料',
										xtype:'combo',
										editable:false ,
										width:170,
									    mode  :'local',
									    triggerAction:'all', 
									    allowBlank:false,
									    emptyText:'请选择材料...',//默认值
									    store : metrialStore,
									    displayField: 'cname', 
									    valueField  : 'cid',
										name:'hq_rematerial',
										id:'hq_rematerial',
				
									}
								},{
								columnWidth : 0.25,
								layout : 'form',
								labelWidth : 80,
									items : {
										fieldLabel : '材料数量',
										width : 180,
										xtype : 'numberfield',
										name:'hq_rematerialnum',
										id:'hq_rematerialnum',
										allowBlank : false,
										maxLength : 128
									}
								},{
								columnWidth : 0.25,
								layout : 'form',
								labelWidth : 70,
									items : {
										fieldLabel : '完成时间',
										width : 170,
										xtype : 'datefield',
										format: 'Y-m-d',
										editable:false,
										name:'hq_redate',
										id:'hq_redate',
										allowBlank : false,
									}
								},{
									columnWidth : 0.25,
									layout : 'form',
									labelWidth : 70,
										items : {
										fieldLabel : '及时性评价',
										xtype:'combo',
										editable:false ,
										width:170,
									    mode  :'local',
									    triggerAction:'all', 
									    allowBlank:false,
									    emptyText:'请选择...',//默认值
									    store : timelinesscommentStore,
									    displayField: 'cname', 
									    valueField  : 'cid',
										name:'hq_timelinesscomment',
										id:'hq_timelinesscomment',
										}
									},{
										columnWidth : 0.25,
										layout : 'form',
										labelWidth : 80,
										items : {
										fieldLabel : '维修质量评价',
										xtype:'combo',
										editable:false ,
										width:160,
									    mode  :'local',
									    triggerAction:'all', 
									    allowBlank:false,
									    emptyText:'请选择...',//默认值
									    store : repairqualitycommentStore,
									    displayField: 'cname', 
									    valueField  : 'cid',
										name:'hq_repairqualitycomment',
										id:'hq_repairqualitycomment',
											}
										}						
		            	      ]
			        	}
			        	
			        ],
			        buttons: [{
			            text: '确定',
			            handler: function() {
			            if (auditForm.getForm().isValid()) { 
			            	cf_ShowMessageBox('<s:text name="com.messages.saving"/>');
				            		   auditForm.form.doAction('submit',{ 
				            			url:'logisticAction!insertHouQinCheckInfo.shtml',
				            			method:'post',
					            		success:function(form,action) {
			Ext.MessageBox.alert('<s:text name="com.title.notice"/>','<s:text name="com.messages.save.success"/>',
					            			function(btn) {
					            				if (btn == BUTTON_OK) {
					            					win.hide();
					            					//roleDs.removeAll();
					            					//roleDs.reload();
					            					//将被选中的行进行隐藏
					            if(roleGrid.getSelections().length > 0) {
						               var records = roleGrid.getSelectionModel().getSelections();
	                                    for (var i = 0, len = records.length; i < len; i++) {
				       		              records[i].data['cudType'] = '<%= GlobalConstant.CUD_TYPE_DELETE %>';	                    
		                                     if (roleDs.modified.indexOf(records[i]) == -1)
		                                    	 roleDs.modified.push(records[i]);
		                                         roleDs.remove(records[i]);
	                                               }
	            	                          }
					            				};
					            			});
					            		},
					    failure:function() {
		Ext.MessageBox.alert('<s:text name="com.title.notice"/>','<s:text name="com.messages.save.failure"/>');
					            		}	    
					            		
				            		});
				            	}
			            } 
			        }
			        ,{
			            text: '取消',
			            handler: function() {
			        	win.hide();
			            }
			        }]
			    });	 
			    return 	auditForm;
		}	   
	
	 });	

	function getWsNum(value) {
		if(value != '') {
			document.getElementById("ws_num_value").innerHTML=value;
		}
		else {
			var value=document.getElementById("ws_num_value").innerHTML;
			return value;
		}	
	}
	function getWsNum(value) {
		if(value != '') {
			document.getElementById("ws_num_value").innerHTML=value;
		}
		else {
			var value=document.getElementById("ws_num_value").innerHTML;
			return value;
		}	
	}
</script>	
  <body>
  			<div id="showList"></div>
  			<span  id="ws_num_value" ></span>
  </body>
  
</html>
<img alt="" src="https://img-blog.csdn.net/20130905213103390?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMDI1NjE3Nw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" width="907" height="472" />

菜鸟面条
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ExtJS4 OA主页portal实现
だ冷悦清风だ的专栏
08-14 2917
items:[{ id: 'app-portal', xtype: 'portalpanel', padding: '5 5 5 5', items: [{ id: 'col-1',
ExtJs4.2首页布局示例
07-02
左边菜单，右边是内容，北边是log图片 简单首页布局示例
EXT.NET复杂布局（四）——系统首页设计（上）
weixin_33755847的博客
12-30 144
很久没有发帖了，很是惭愧，因此给各位使用EXT.NET的朋友献上一份礼物。 本篇主要讲述页面设计与效果，下篇将讲述编码并提供源码下载。 系统首页设计往往是个难点，因为往往要考虑以下因素： 重要通知 系统功能菜单 快捷操作 日常维护工作（比如待办事项、已办事项等等） 用户信息（比如公司、部门、组织机构） 系统信息（意见反馈、帮助等） 联系沟通 等等 又要兼顾美观得体（丑...
extjs 布局 -列布局 column
书写人生
06-10 3221
var form = new Ext.form.FormPanel({                labelAlign:'right',        title:'布局',        labelWidth:50,        buttonAlign:'center',        frame:true,        width:600,              
extjs前台设计工具
08-26
extjs前台设计工具：不错的前台设计工具，使用起来很方便。web应用设计前台工具首选。
前台Extjs学习资料
09-26
《前台开发部分文档》： 这部分文档可能包含与ExtJS相关的其他主题，比如与其他前端技术的集成（如jQuery、AngularJS等），如何进行单元测试和自动化构建，或者关于性能优化、错误处理和调试的技巧。此外，还可能...
Extjs4前台前台grid导出excel
11-20
在本篇文章中，我们将深入探讨如何在ExtJS4中实现前台Grid的数据导出到Excel功能。 首先，我们需要了解`Ext.grid.Panel`，这是ExtJS中的核心组件之一，用于创建数据网格。它能够动态加载数据，提供排序、过滤、分页...
ExtJS 7.6 SDK trial
最新发布
10-03
ExtJS 是一个流行的JavaScript框架，用于构建富客户端的Web应用程序。它提供了丰富的用户界面组件、数据绑定机制和强大的API，使开发者能够创建功能强大的、响应式的桌面和移动应用。7.6版本是ExtJS的一个重要更新，...
ExtJs5学生列表前台
05-22
在这个"ExtJs5学生列表前台"项目中，我们主要关注的是如何利用ExtJs5来创建一个能够实时联动显示学生名称和详细信息的用户界面。下面将详细阐述相关知识点。 1. **ExtJs5组件库**：ExtJs5提供了丰富的UI组件，如...
extjs常用的items
u011493599的专栏
05-06 3507
1、改为密码框：     {        fieldlable:'密码',        xtype:'textfield',        inputType:'password'     } 2、不可修改    {     fieldlable:'不可修改',     xtype:'textfield',    readOnly:true    } 3、日期 {
一个extjs写的主页布局的demo
热门推荐
sunxing007的专栏
03-17 4万+
  有一个csdn的网友想要一个extjs的layout效果，原帖在：http://topic.csdn.net/u/20090316/15/5c3ded22-1903-488c-ac87-0ae72fe0722c.html ;我给他写了一个demo; 我主要做了这样一些改进：   1 对js文件作了拆分，即方便阅读， 也方便管理，我按照layout把js拆分为north.js, we
extjs简单左边树形菜单布局
拉维达的博客
11-04 8290
//如果需要显示校验信息，此行必须 Ext.onReady(function() { Ext.QuickTips.init(); /*new Ext.Viewport({ layout:"border", items:[ //{region:"north",title:"Up",height:50}, //{region:"south",title:"Down",height:50},
Ext.grid.ColumnModel列宽度自动填满grid宽度
jaub的技术专栏
01-26 7966
var grid = new Ext.grid.GridPanel({       renderTo : Ext.getBody(),       ds : store,       cm : cm,       autoHeight : true, //这样grid才能全部显示行，不用滚动       viewConfig : {        forceFit : true
【工作笔记】从零开始学ExtJs6( 四）—— 首页树状菜单和Tab页的实现
亦轩丶Javer的博客
03-06 3447
题外话 做一个项目要向完成对应的模块，肯定是先要有树形菜单结构，点击对应才dna跳转到相应界面，在extjs中如何实现。是上周遇到的一个小问题，现在做做记录app目录下创建data/menuData.json文件（需要的菜单格式） 大致格式 ... "body": [ { "menu": 1, "menuCode": "0001", "menuNa
门户首页自定义模块面板模板，基于extjs4.2
J_oo_L的专栏
10-09 1193
首页面板portal风格，基于extjs4.2
extJs+2.1学习笔记.pdf
06-15
"extJs+2.1学习笔记.pdf" 这篇学习笔记详尽地涵盖了ExtJs 2.1版本的关键概念和技术。ExtJs是一种基于JavaScript的富客户端框架，用于构建功能丰富的Web应用程序。笔记分为多个章节，逐步深入地介绍了ExtJs的核心...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值