CLIENT SUPPORT » IMFI Bugs

if(mdcode == ""){

	var md = cmbMasterData.getValue();}

else{

	var md = mdcode;}

var _idTab = program + '_tab_' + md;

if (pnlMDbody.findById(_idTab) != null) 

{

	pnlMDbody.findById(_idTab).show();

	return;

}

else

{

	var empid = hidEmpId.getValue();

	var percode = perCode.getValue(); 

	var accesscode = accessCode.getValue();

	var mdcat = mdCat.getValue();

	var gen = percode+mdcat+accesscode+md+empid;

    //alert(gen);

	var spload = "0";

	var spval = "0";

	datacmbMasterData.each(function(rec){	

		var id = rec.get('code');

		if (md == id)

		{

		   	spload = rec.get('load');

			spval = rec.get('val');	

		}

	});

	var stringArray = new Array();

		stringArray[gen] = new Ext.data.JsonStore({

	        fields: ["field_name", "column_name", "class", "gridview", "read_only", "required", "max_size", "min_value", "max_value", "default_value", "controller_store", "width", "anchor", "column_no", "popup_func", "select_func", "change_func", "grid_renderer_func", "select_func_target", "change_func_target", "submit_value"]

	    });

	var stringPrimaryKey = new Array();

		stringPrimaryKey[gen] = new Ext.data.JsonStore({

	        fields: ["field_name", "column_name"]

	    });

	$.ajax({

	    url : "Devt/getStructureMD",

	    data : {md_code:md, per_code:percode},

	    async:false,

	    success : function(result){

		stringArray[gen].loadData(result.data.column);

		stringPrimaryKey[gen].loadData(result.data.PK);

	    if(result.success==false)

	    {

	       alert("Error On Save");

	    }

	    }

	});

	var jsGetGrid = new Array();

		jsGetGrid[gen] = new Ext.data.JsonStore({

	        metaData: true,

	        root: 'rows',

			url: 'Devt/getDataMDLimit',

			baseParams : {

					start : 0,

					limit : 25,

					cmd : 'save',

					emp_id : '00000001',

					md_cat : '0001',

					per_code : 'emp',

					from_period : '',

                    to_period : ''

				}

	    });

	jsGetGrid[gen].on('render', function(){new Ext.data.JsonReader();});

	jsGetGrid[gen].on('beforeload', function(){

		var o4 = Ext.getCmp("start_period_" + gen)

		var o5 = Ext.getCmp("end_period_" + gen)

		var val4 = ''

		var val5 = ''

		if (o4 != undefined) val4 = o4.getValue();

		if (o5 != undefined) val5 = o5.getValue();

		if (val4 != '') val4 = val4.format('d/m/Y');

		if (val5 != '') val5 = val5.format('d/m/Y');

		jsGetGrid[gen].setBaseParam('cmd', 'save')

		jsGetGrid[gen].setBaseParam('emp_id', empid)

		jsGetGrid[gen].setBaseParam('md_cat', md)

		jsGetGrid[gen].setBaseParam('per_code', percode)

		jsGetGrid[gen].setBaseParam('from_period', val4)

		jsGetGrid[gen].setBaseParam('to_period', val5)

	});

	var btnhide = false;

	if (accesscode == "main"){

		btnhide = false;

		}

	if (accesscode == "disp"){

		btnhide = true;

		}

	var btnRefresh = new Array();

		btnRefresh[gen] = new Ext.Button({

			text : 'Refresh',

			hidden : btnhide,

			iconCls: 'icon-database_refresh'

		});

	btnRefresh[gen].on('click', function(){pnlMDGrid[gen].el.mask("Loading Data...", "x-mask-loading"); refreshgrid(); pnlMDGrid[gen].el.unmask();});

	var btnAdd = new Array();

		btnAdd[gen] = new Ext.Button({

			text : 'Add',

			hidden : btnhide,

			iconCls: 'icon-add'

		});

	btnAdd[gen].on('click', function(){addclick(); pnlForm[gen].getForm().reset(); _pnlTemp.layout.setActiveItem(1); action[gen].setValue("insert"); actionCode.setValue("insert"); copyCode[gen].setValue("no"); initload();});

	var btnCopy = new Array();

		btnCopy[gen] = new Ext.Button({

			text : 'Copy',

			hidden : btnhide,

			iconCls: 'icon-page_copy'

		});

	btnCopy[gen].on('click', function(){_pnlTemp.layout.setActiveItem(1); pnlForm[gen].getForm().reset(); action[gen].setValue("insert"); actionCode.setValue("insert"); copyCode[gen].setValue("yes"); var selected =pnlMDGrid[gen].getSelectionModel().getSelected(); pnlForm[gen].getForm().loadRecord(selected); md_type[gen].setValue(md_temp); initload();});

	var btnDel = new Array();

		btnDel[gen] = new Ext.Button({

			text : 'Delete',

			hidden : btnhide,

			iconCls: 'icon-delete'

		});

	btnDel[gen].on('click', function(){delclick();});

	var btnSave = new Array();

		btnSave[gen] = new Ext.Button({

			text : 'Save',

			hidden : btnhide,

			iconCls: 'icon-table_save'

		});

	btnSave[gen].on('click', function(){saveclick();});

	var btnCancel = new Array();

		btnCancel[gen] = new Ext.Button({

			text : 'Cancel',

			iconCls: 'icon-arrow_undo'

		});

	btnCancel[gen].on('click', function(){refreshgrid(); _pnlTemp.layout.setActiveItem(0); action[gen].setValue("update");});

	var btnComplete = new Array();

		btnComplete[gen] = new Ext.Button({

			text : 'Activity Completed',

			iconCls: 'icon-tick'

		});

	btnComplete[gen].on('click', function(){completeclick();});

	var btnFollowUp = new Array();

		btnFollowUp[gen] = new Ext.Button({

			text : 'Follow-Up Activity',

			iconCls: 'icon-page_forward'

		});

	btnFollowUp[gen].on('click', function(){followupclick();});

	var pnlFormleft = new Array();

		pnlFormleft[gen] = new Ext.Panel({

			bodyStyle:'padding:5px 5px 0',

			border:false,

			isForm:true,

			layout:'form',

			height:380,

			width:350

	    });

	var pnlFormright = new Array();

		pnlFormright[gen] = new Ext.Panel({

			bodyStyle:'padding:5px 5px 0',

			border:false,

			isForm:true,

			layout:'form',

			height:380,

			width:350

	    });

		var pnlFormTop = new Array();

			pnlFormTop[gen] = new Ext.Panel({

				bodyStyle:'padding:5px 5px 0',

				labelWidth:120,

				border:false,

				isForm:true,

				layout:'hbox',

				height:380,

				items:[pnlFormleft[gen], pnlFormright[gen]]

			});

		var pnlFormBottom = new Array();

			pnlFormBottom[gen] = new Ext.Panel({

				layout: 'fit',

				border:false,

				height: 500,

				collapsible: true,

				autoScroll:true,

				id: "pnlFormBottom"+gen

			});

		var pnlForm = new Array(); //-- Modif by Muchlis

			pnlForm[gen] = new Ext.form.FormPanel({

				border: false,

				autoScroll:true,

				fileUpload: true,

				frame:false,

				labelWidth:120,

				layout:'anchor',

				items:[pnlFormTop[gen]]

			});

			pnlForm[gen].on('beforeaction',function(){

														if(!pnlForm[gen].getForm().isValid()){

																//alert("One or more fields are empty, please fill data to continue."); return

																Ext.Msg.show({

																	title: 'Error',

																	msg: 'One or more fields are empty, please fill data to continue.',

																	buttons: Ext.Msg.OK,

																	animEl: 'elId',

																	icon: Ext.MessageBox.ERROR

																});

														} 

			}); // add by irwan 20110502

		var pnlParentForm = new Array();

			pnlParentForm[gen] =  new Ext.Panel({

				frame:false,

				autoScroll:true,

				layout: 'anchor',

				height:1000,

				region: 'north',	

				bbar:[btnSave[gen], btnDel[gen], btnCancel[gen]],

				items: [pnlForm[gen],pnlFormBottom[gen]]

			});

		var paging = new Array();

			paging[gen] = {

								xtype : 'paging',

								store : jsGetGrid[gen],

								displayInfo : true,

								pageSize : 25,

								prependButtons : true

							};

		if(md == '0027' && accesscode == 'main')

		{

			var pnlMDGrid = new Array();	

				pnlMDGrid[gen] = new Ext.grid.GridPanel({

					store:jsGetGrid[gen],

					columns:'[]',

					height:160,

					loadMask:'true',

					region:'center',

					split:'true',

					tbar:[btnAdd[gen],btnCopy[gen],{xtype: 'tbfill'},{xtype: 'tbseparator'},btnRefresh[gen]],

					bbar:[btnComplete[gen],btnFollowUp[gen],paging[gen]]

				});

			pnlMDGrid[gen].on('rowdblclick', function(thisGrid, rowIndex){

						action[gen].setValue("update");

						actionCode.setValue("update"); 

						copyCode[gen].setValue("no");

						_pnlTemp.layout.setActiveItem(1); 

						var selected =pnlMDGrid[gen].getSelectionModel().getSelected(); 

						pnlForm[gen].getForm().loadRecord(selected); 

						var record = thisGrid.getStore().getAt(rowIndex); 

						assignPK(record); 

						md_type[gen].setValue(md_temp); 

						initload();

				});

		}

		else

		{

			var pnlMDGrid = new Array();	

				pnlMDGrid[gen] = new Ext.grid.GridPanel({

					store:jsGetGrid[gen],

					columns:'[]',

					height:165,

					loadMask:'true',

					region:'center',

					split:'true',

					tbar:[btnAdd[gen],btnCopy[gen],{xtype: 'tbfill'},{xtype: 'tbseparator'},btnRefresh[gen]],

					bbar:[paging[gen]]

				});

			pnlMDGrid[gen].on('rowdblclick', function(thisGrid, rowIndex){

						action[gen].setValue("update");

						actionCode.setValue("update"); 

						copyCode[gen].setValue("no");

						_pnlTemp.layout.setActiveItem(1); 

						var selected =pnlMDGrid[gen].getSelectionModel().getSelected(); 

						pnlForm[gen].getForm().loadRecord(selected); 

						var record = thisGrid.getStore().getAt(rowIndex); 

						assignPK(record); 

						md_type[gen].setValue(md_temp); 

						initload(); 

						specialload();

				});

		}

		var formPanelGrid = Array();

			formPanelGrid[gen] = 

		{

			xtype: 'panel',

			height: 200,

			region: 'north',

			layout: {

				type: 'border'

			},

			items: [

				{

					xtype: 'panel',

					height: 35,

					layout: {

						type: 'column'

					},

					region: 'north',

					items: [

						{

							xtype: 'panel',

							height: 35,

							width: 220,

							layout: {

								type: 'form'

							},

							bodyStyle: 'padding:5px 5px 0',

							border: false,

							flex: 1,

							items: [

								{

									xtype: 'datefield',

									format: 'd/m/Y',

									fieldLabel: 'Start Period',

									id: 'start_period_' + gen

								}

							]

						},

						{

							xtype: 'panel',

							height: 35,

							width: 220,

							layout: {

								type: 'form'

							},

							bodyStyle: 'padding:5px 5px 0',

							border: false,

							flex: 1,

							items: [

								{

									xtype: 'datefield',

									format: 'd/m/Y',

									fieldLabel: 'End Period',

									id: 'end_period_' + gen

								}

							]

						},

						{

							xtype: 'panel',

							height: 35,

							bodyStyle: 'padding:5px 5px 0',

							border: false,

							flex: 1,

							items: [

								{

									xtype: 'button',

									text: 'Search',

									listeners: {

						                click: function () {

						                    jsGetGrid[gen].load();

						                }

						            }

								}

							]

						}

					]

				},

				pnlMDGrid[gen]

			]

		}

		if (spload == '0'){

			pnlFormBottom[gen].hide();

		}

		else if (spload == '1'){

			if (md == '0021'){

				eval("fn_spec_" + md + "('load',gen,accesscode,fldReimburseID.getValue());");

			}

			else {

				eval("fn_spec_" + md + "('load',gen,accesscode,'','','','');");

			}

		}

	//fnGenerateForm(md,empid);

	var clearColumnModel = new Ext.grid.ColumnModel([]);

	pnlMDGrid[gen].reconfigure(pnlMDGrid[gen].getStore(), clearColumnModel);

	var cm = pnlMDGrid[gen].getColumnModel();

	var curColConfig = cm.config;

	var Fields = [];

	var i = 0;

	var tabIndex = 100;

	var md_id = "id" +percode+mdcat+accesscode+md+empid;

	var md_temp = percode+"md"+md;

	var md_type = new Array();	

		md_type[gen] = new Ext.form.Hidden({

		name : "md_type",

		id : md_id,

		value : md_temp

		});

	var act_id = "act" +percode+mdcat+accesscode+md+empid;

	var action = new Array();	

	var queryCode = new Array();

	var copyCode = new Array();

		action[gen] = new Ext.form.Hidden({

		name : "action",

		id : act_id,

		value : "update"

		});

	queryCode[gen] = new Ext.form.Hidden({

				id : "query_wt" + percode + mdcat + accesscode + md + empid,

				value : "000"

			});

	copyCode[gen] = new Ext.form.Hidden({

				id : "copy" + percode + mdcat + accesscode + md + empid,

				value : ""

			});

	pnlFormleft[gen].add(queryCode[gen]);

	pnlFormleft[gen].add(copyCode[gen]);

	stringArray[gen].each(function(rec){

	  var name = rec.get('field_name');

	  var header = rec.get('column_name');

	  var id = name +percode+mdcat+accesscode+md+empid;

	  var iddate = percode+mdcat+accesscode+md+empid + name;

	  var columnno = rec.get('column_no');

	  var gridview = rec.get('gridview');

	  var hidden = false;

	  var required = rec.get('required');

	  var blank_status = true;

	  var css_class = 'minova-blank'

	  var _class = rec.get('class');

	  var max_size = rec.get('max_size');

	  var min_value = rec.get('min_value');

	  var max_value = rec.get('max_value');

	  var default_value = rec.get('default_value');

	  var controller = rec.get('controller_store');

	  var popup_func = rec.get('popup_func');

	  var select_func = rec.get('select_func');

	  var change_func = rec.get('change_func');

	  var grid_renderer_func = rec.get('grid_renderer_func');

	  var select_func_target = rec.get('select_func_target');

	  var change_func_target = rec.get('change_func_target');

	  var submit_value = rec.get('submit_value');

	  var _readonly = rec.get('read_only');

	  var display = false;

	  if (default_value.indexOf("p:") != -1)

	  {

	  	default_value = fnGetParam(default_value, "emp_id:"+empid);

	  }

	  if (required.indexOf("p:") != -1)

	  {

	  	required = fnGetParam(required, "emp_id:"+empid);

	  }

	  if (_readonly.indexOf("p:") != -1)

	  {

	  	_readonly = fnGetParam(_readonly, "emp_id:"+empid);

	  }

	  if (Ext.util.Format.trim(min_value) == "")

		{

		min_value = 0;

		}	  

	  if (Ext.util.Format.trim(max_value) == "")

		{

		max_value = 999;

		}	  

	  var prefix_id = percode+mdcat+accesscode+md+empid;

	  var submitValue = false;

	  if (submit_value == "1")

	  {

		submitValue = true;

	  }

	  if(_readonly == "1")

	  {

		display = true;

		css_class = 'minova-readonly'

	  }

	  if(accesscode == "disp")

	  {

		display = true;

		css_class = 'minova-readonly'

	  }

	  if(required == "1")

	  {     

		blank_status = false;

		css_class = 'minova-mandatory'

	  }

	  if (gridview=="0")

		hidden = true;

	  if( _class == "hidden")

	  {

		if(name == "emp_id")

		{

			Fields[i] = new Ext.form.Hidden({

			name: name,

			id:id,

			value:empid

			});

		}

		else

		{

			var target_id = change_func_target + prefix_id;

		    Fields[i] = new Ext.form.Hidden({

			name: name,

			id:id,

			value:default_value,

			submitValue:submitValue,

			listeners:{

				change: function(fld, nval, oval){

					if (change_func != "" && change_func_target != "")

					{

						eval(change_func+"('"+id+"','"+target_id+"','"+nval+"');");

					}

				}

			}

			});

		}

	  }

	  else if(_class == "datefield")

	  {

			Fields[i] = new Ext.form.DateField({

			fieldLabel: header,

			allowBlank: blank_status,

			cls: css_class,

			msgTarget: 'side',

			readOnly: display,

                        width: '150',

			id:iddate,

			format:'d/m/Y',

			tabIndex : tabIndex

			,listeners:{

				change: function(fld, nval, oval, toFld){ 

						fnDateChg(fld, nval, oval, id );

						if (change_func != "")

							{

								eval(change_func+"('"+prefix_id+"');");

							}			

					},

				select: function(fld, dt, toFld){ 

						fnDateSelect(fld, dt, id ); 

						if (select_func != "")

							{

								eval(select_func+"('"+prefix_id+"');");

							}	

					},

				specialkey: function(field, e) {

			            if (e.getKey() == e.ENTER) {

			                focusNextField(name, prefix_id);

			            }

			        }

			}

			});

			if (columnno == "1")

			{

				pnlFormleft[gen].add(Fields[i]);

			}

			else if (columnno == "2")

			{

				pnlFormright[gen].add(Fields[i]);

			}

			i++;

			Fields[i] = new Ext.form.Hidden({

			name: name,

			id:id,

			value:default_value,

			listeners:{

				change: function(fld, nval, oval, toFld){ fnDateHidChg(fld, nval, oval, iddate ); }

			}

			});

			pnlFormleft[gen].add(Fields[i]);

	  }

	  else if(_class == "timefield" )

	  {

		   Fields[i] = new Ext.form.TimeField({ 

		   //minValue: min_value,

		   //maxValue: max_value,

	       fieldLabel: header,

		   allowBlank: blank_status,

		   cls: css_class,

		   msgTarget: 'side',

		   readOnly: display,

	       name: name,

	       format: 'Hi',

	       id:id,

		   tabIndex : tabIndex,

		   listeners:{

						change: function(fld, nval, oval){

							if (change_func != "")

							{

								eval(change_func+"('"+prefix_id+"');");

							}

						},

						specialkey: function(field, e) {

				            if (e.getKey() == e.ENTER) {

				                focusNextField(name, prefix_id);

				            }

				        }

					}

		   });

	  }

	  else if(_class == "combobox" )

	  {

			var target_id = select_func_target + prefix_id;

			var str = new Ext.data.JsonStore({

		        fields: [

		            'code',

		            'desc'

		        ],

		        url: controller

		    });

		    str.load();

			Fields[i] = new Ext.form.ComboBox({

			forceSelection: true,

			fieldLabel: header,

			allowBlank: blank_status,

			cls: css_class,

			msgTarget: 'side',

			readOnly: display,

			hiddenName: name,

			id:id,

			tabIndex : tabIndex,

		    typeAhead: true,

		    triggerAction: 'all',

		    lazyRender:true,

		    mode: 'local',

		    store: str,

		    value:default_value,

		   	valueField: 'code',

		    displayField: 'desc',

			listeners:{

				select: function(cmb, rec){ 

					if (select_func != "" && target_id != "")

					{

						eval(select_func+"('"+id+"','"+target_id+"','"+rec.get('code')+"');");

					}

				},

				specialkey: function(field, e) {

					if (e.getKey() == e.ENTER) {

						focusNextField(name, prefix_id);

					}

				}

			}

		});

	  }

	  else if (_class == "lookupfld")

	  {

	  	//var target_id = change_func_target + prefix_id;

	  	var extendedQuery = change_func_target == '' 

								? undefined : change_func_target;

		if (md == "0004" || md == "0005")

			queryCode[gen].setValue(controller);

	    var fieldLook = new Ext.form.TextField({

		   minLength : min_value,

		   maxLength : max_value,

	       fieldLabel: header,

		   allowBlank: blank_status,

		   cls: css_class,

		   value:default_value,

		   msgTarget: 'side',

		   readOnly: display,

	       name: name,

	       width: '150',

	       id:id,

		   tabIndex : tabIndex,

		   listeners:{

				change: function(fld, nval, oval){

					if (change_func != "")

					{

						eval(change_func+"('"+fld.id+"','"+fld.getValue()+"','"+extendedQuery+"');");

					}

				},

				specialkey: function(field, e) {

		            if (e.getKey() == e.ENTER) {

		                if (change_func != "")

						{

							eval(change_func+"('"+field.id+"','"+field.getValue()+"','"+extendedQuery+"');");

						}

		            }

		        }

			}

		})

		Fields[i] = LookUpFieldGen(name, 150, 120, header, 500, 500, controller, 

									false, true, extendedQuery, false, id, prefix_id+'end_date');

	  }

	  else if(_class == "popup")

	  {

		    var target_id = change_func_target + prefix_id;

			var txtDesc = new Array();

				txtDesc[gen] = new Ext.form.TextField({

					fieldLabel : header,

					readOnly : true,

					width : 158,

					cls: 'minova-readonly',

				    msgTarget: 'side',

				    name: name,

			        id:id,

				    listeners:{

						change: function(fld, nval, oval){

							if (change_func != "" && change_func_target != "")

							{

								eval(change_func+"('"+id+"','"+target_id+"','"+nval+"');");

							}

						},

						specialkey: function(field, e) {

				            if (e.getKey() == e.ENTER) {

				                focusNextField(name, prefix_id);

				            }

				        }

					}

			});		

			var pnlTxt = new Array();

				pnlTxt[gen] = new Ext.Panel({

					border: false,

					isForm: true,

					layout: 'form',

					items: [txtDesc[gen]]

			});

			var btnLookUp = new Array();

				btnLookUp[gen] = new Ext.Button({

					iconCls: 'icon-magnifier',

					hidden: display,

					listeners:{

						click: function(){

							if (popup_func != "")

							{

								//alert(popup_func+"('"+id+"','"+prefix_id+"');");

								eval(popup_func+"('"+id+"','"+prefix_id+"');");

							}

						}

					}

			});

			//btnLookUp[gen].on('click', function(){alert("LookUp");});

			Fields[i] = new Ext.Panel({

				border: false,

				layout: 'column',

				region: 'north',

				items: [pnlTxt[gen],btnLookUp[gen]]

			});

	  }

	  else if(_class == "radio")

	  {

	       var radioItems = new Array();

		   var radioData = new Ext.data.JsonStore({

		        fields: [

		            'code',

		            'desc'

		        ],

		        url: controller

		    })

			radioData.load();

			var j = 0;

			radioData.each(function(rec){

				var code = rec.get('code');

				var desc = rec.get('desc');

				radioItems[j] = new Ext.form.Radio({

				id:name+code+gen,

				boxLabel : desc,

				inputValue : code,

				name : name

				});

				j++;

			});

		   Fields[i] = new Ext.form.RadioGroup({

		   columns : 1,

		   items : radioItems

		   });

	  }

	  else if (_class == "textarea")

	  {

		   var target_id = change_func_target + prefix_id;

		   Fields[i] = new Ext.form.TextArea({

	       fieldLabel: header,

		   allowBlank: blank_status,

		   cls: css_class,

		   msgTarget: 'side',

		   readOnly: display,

	       name: name,

	       width: '200',

		   height: '100',

	       id:id,

		   value:default_value,

		   tabIndex : tabIndex,

		   listeners:{

				change: function(fld, nval, oval){

					if (change_func != "" && change_func_target != "")

					{

						eval(change_func+"('"+id+"','"+target_id+"','"+nval+"');");

					}

				},

				specialkey: function(field, e) {

					if (e.getKey() == e.ENTER) {

						focusNextField(name, prefix_id);

					}

				}

			}

	    });

	  }

	  else if (_class == "number")

	  {

		   var target_id = change_func_target + prefix_id;

		   Fields[i] = new Ext.form.NumberField({

		   minLength : min_value,

		   maxLength : max_value,

	       fieldLabel: header,

		   allowBlank: blank_status,

		   cls: css_class,

		   msgTarget: 'side',

		   readOnly: display,

	       name: name,

	       width: '150',

	       id:id,

		   value:default_value,

		   tabIndex : tabIndex,

		   listeners:{

				change: function(fld, nval, oval){

					if (change_func != "" && change_func_target != "")

					{

						eval(change_func+"('"+id+"','"+target_id+"','"+nval+"');");

					}

				},

				specialkey: function(field, e) {

					if (e.getKey() == e.ENTER) {

						focusNextField(name, prefix_id);

					}

				}

			}

	    });

	  }

	  else if (_class == "fileupload")

	  {

	  	 Fields[i] = 

	  	 {

	  	 	xtype: 'fileuploadfield',

            emptyText: 'Select a file',

            fieldLabel: header,

            name: name,

            id: id,

            width: '200',

            buttonText: 'Browse'

	  	 }

	  }

	  else

	  {

		   var target_id = change_func_target + prefix_id;

		   Fields[i] = new Ext.form.TextField({

		   minLength : min_value,

		   maxLength : max_value,

	       fieldLabel: header,

		   allowBlank: blank_status,

		   cls: css_class,

		   value:default_value,

		   msgTarget: 'side',

		   readOnly: display,

	       name: name,

	       width: '150',

	       id:id,

		   tabIndex : tabIndex,

		   listeners:{

				change: function(fld, nval, oval){

					if (change_func != "" && change_func_target != "")

					{

						eval(change_func+"('"+id+"','"+target_id+"','"+nval+"');");

					}

				},

				specialkey: function(field, e) {

					if (e.getKey() == e.ENTER) {

						focusNextField(name, prefix_id);

					}

				}

			}

	    });

	  }  

	  if (_class == "datefield")

	  {

		curColConfig.push({

		header: header,

		width: 100,

		dataIndex:  name,

		hidden: hidden,

		renderer: function(val){

			return fnGrid_Date8(val);

		}

		});

	  }

	  else if (_class == "combobox")

	  {

		curColConfig.push({

		header: header,

		width: 100,

		dataIndex:  name,

		hidden: hidden,

		renderer: function(val){

			var cmbStore = Ext.getCmp(id).getStore();

			if (cmbStore.getCount() == 0)

			{

				cmbStore.load();

			}

			var index = cmbStore.find('code',val);

			if (index != -1)

			{

				var rec = cmbStore.getAt(index);

				return rec.get("desc");

			}

			else

			{

				return val;

			}

		}

		});

	  }

	  else if (_class == "lookupfld")

	  {

	  	curColConfig.push({

			header: header,

			width: 100,

			dataIndex:  name,

			hidden: hidden,

			renderer : function(val, metaData, record, rowIndex, colIndex, store) {

				var keyDate = (new Date()).format('d/m/Y');

				if ((record.get("end_date")!="") && (record.get("end_date").length==8))

				{

					keyDate = fnGrid_Date8(record.get("end_date"));

				}

				var res = GetDescription(val, controller, keyDate,

						extendedQuery);

				if (res == "") res = val;

    			return res;

			}

		});

	  }

	  else if (name == "last_change")

	  {

		curColConfig.push({

		header: header,

		width: 100,

		dataIndex:  name,

		hidden: hidden,

		renderer: function(val){

			return fnGrid_Date14(val);

		}

		});

	  }

	  else if (grid_renderer_func != "")

	  {

		curColConfig.push({

		header: header,

		width: 100,

		dataIndex:  name,

		hidden: hidden,

		renderer: function(val){

			var ret = eval(grid_renderer_func+"('"+id+"','"+val+"');");

			return ret;

		}

		});

	  }

	  else

	  {

		curColConfig.push({

		header: header,

		width: 100,

		dataIndex:  name,

		hidden: hidden

		});

	  }

	    if(name == "seq" || name == "user_change" || name == "last_change")

			{

				Ext.getCmp(id).setReadOnly(true);

			}   

		tabIndex++;

		if (columnno == "1" && _class != "datefield" )

			{

			pnlFormleft[gen].add(Fields[i]);

			}

		else if (columnno == "2" && _class != "datefield" )

			{

			pnlFormright[gen].add(Fields[i]);

			}

		i++;

	});

	pnlFormleft[gen].add(md_type[gen]);

	var i=0;

	stringPrimaryKey[gen].each(function(rec){

	   var data = rec.get('field_name');

	   var key = "key_"+data;

	   Fields[i] = new Ext.form.Hidden({

	     name: key,

	     width: '150',

	     id: key+gen

	    });

		pnlFormleft[gen].add(Fields[i]);

		i++;

	});

	cm.setConfig(curColConfig, true);

	pnlMDGrid[gen].reconfigure(pnlMDGrid[gen].getStore(), new Ext.grid.ColumnModel(curColConfig));

	pnlFormright[gen].doLayout();

	pnlFormleft[gen].doLayout();

	pnlForm[gen].doLayout();

	/*

	$.ajax({

	    url : "Devt/getDataMD",

	    data : {md_cat:md, per_code:percode , emp_id:empid},

	    async:false,

	    success : function(result){

		jsGetGrid[gen].loadData(result);

	    if(result.success==false)

	    {

	       alert("Error On Save");

	    }

	    }

	})

	*/

	//finish GenerateForm

	var _title = "";

	if(mdcode == ""){	

		_title = cmbMasterData.getRawValue();}

	else

	{

		datacmbMasterData.each(function(rec){	

			var idmd = rec.get('code');

			if (mdcode == idmd)

			{

			   	_title = rec.get('desc');

			}

		});

	}

	var _idTemp = program + '_temp_' + md;

	var _idBottom = program + '_bottom_' + md;

    //pnlMDGrid formPanelGrid

	var _pnlTemp = new Ext.Panel({

		closable:true,

		activeItem:0,

		layout:'card',

		title:_title,

		id: _idTab,

		items:[formPanelGrid[gen],pnlParentForm[gen]],

		listeners:{ 

			afterrender: function(){

				jsGetGrid[gen].load();

			}

		}

	});

	pnlMDbody.add(_pnlTemp);

	pnlMDbody.doLayout();

	//jsGetGrid[gen].load();

	function focusNextField(name, prefix_id)

	{

	}

	function addclick()

	{

		pnlForm[gen].getForm().reset();

		if (md == '0032')

		{

			dataMD0033_Grid.removeAll(false);

			dataMD0034_Grid.removeAll(false);

			dataMD0035_Grid.removeAll(false);

		}

	}

	function refreshgrid()

	{

		/*

		$.ajax({

		url : "Devt/getDataMD",

	    data : {md_cat:md, per_code:percode , emp_id:empid},

	    async:false,

	    success : function(result){

		jsGetGrid[gen].loadData(result);

		    if(result.success==false)

		    {

		       //alert("Error On Get Grid");

			   fnShowMsg(result.message,null);

		    }

		}

		});

		*/

		jsGetGrid[gen].load();

	}

	function delclick()

	{

		Ext.Msg.show({

			title: 'Delete Record Confirmation',

			msg: 'The Record specified will be deleted from the Master Data. \nAre you sure to process the deletion?',

			buttons: Ext.Msg.YESNO,

			fn: function(btn) {

				if (btn == 'yes') {

					delclickProcess();

				}                                

			},

			animEl: 'elId',

			icon: Ext.MessageBox.QUESTION

		});

	}

	function delclickProcess()

	{

		pnlForm[gen].el.mask("Deleting...", "x-mask-loading");

		pnlForm[gen].getForm().submit({

			url : "HR_PA/DeletePersonMasterData",

			success : function(form, action){

				pnlForm[gen].el.unmask();

			    var result = action.result;

			    pnlForm[gen].getForm().reset();

			    refreshgrid();

				_pnlTemp.layout.setActiveItem(0);

			},

			failure : function(form, action){

				pnlForm[gen].el.unmask();

				var result = action.result;

				if (result.success == false){

					fnShowMsg(result.message,null);

				}

			}

		});

	}

	function assignPK(record)

	{

		stringPrimaryKey[gen].each(function(rec){

			var data = rec.get('field_name');

			var key = "key_"+data+gen;

			var item = record.get(data); 

			Ext.getCmp(key).setValue(item);

	});

	}

	function saveclick()

	{

		if (spval == '1'){

			var _beforeSave = eval("fn_spec_" + md + "('beforeSave');");

			if (_beforeSave) {

				saveclickbtn("0");		

			}

		}

		else{

			saveclickbtn("0");	

		}

	}

	function saveclickbtn(force)

	{

		var employeeid = "emp_id" +percode+mdcat+accesscode+md+empid;

			pnlForm[gen].el.mask("Processing Data...","x-mask-loading");

			md_type[gen].setValue(md_temp);

			var url = "/HR_PA/EditMasterData/";

			if (action[gen].getValue() == "insert"){

			    url = "/HR_PA/AddMasterData/";

				Ext.getCmp(employeeid).setValue(empid);

			}

			pnlForm[gen].getForm().submit({

				clientValidation: true,

				params: {force:force},

				url : url,

				success : function(form, action){

					pnlForm[gen].el.unmask();

					refreshgrid();

					_pnlTemp.layout.setActiveItem(0);

					if (spval == '1'){

						eval("fn_spec_" + md + "('afterSave');");

					}

					if(Ext.getCmp("movement_type"+gen).getValue()=="80"){

						var startDate = Ext.getCmp("start_date"+gen).getValue();

						var year = startDate.substring(0, 4);

						var month = startDate.substring(4, 6);

						var day = startDate.substring(6, 8);

						var valid_from = day  + '/' + month + '/' + year;

						Ext.Ajax.request({

									url : '/UserAdministration/SaveChanges',

									params : {

										flagCommand : 'EDIT',

										header_left : '{"header_user_id":"'+empid+'","header_status_active":"on","header_ldap_id":""}',

										header_right : '{"txtDisplayField_header_emp_id":"'+empid+'","txtHiddenField_header_emp_id":"'+empid+'","dateHiddenField_header_emp_id":"","header_status_lock":"on"}',

										personalDataLeft : '{"title":"","first_name":"'+ headerFullName.getValue()+'","middle_name":"","last_name":"'+ headerFullName.getValue()+'","format_name":"'+ headerFullName.getValue()+'","language":""}',

										personalDataRight : '{}',

										userLogon : '{"password":"","re_password":"","valid_from":"'+valid_from+'","valid_through":"31/12/9999"}',

										dataDeleted : '[]',

										dataNonDeleted : '[]',

										approval:false

									},

									method : 'POST',

									success : function(result, request) {

									}

								});							

					}

				},

				failure : function(form, action){

					//alert("error on : "+ action.failureType);

					pnlForm[gen].el.unmask(); 

					//refreshgrid();

					//_pnlTemp.layout.setActiveItem(0);

					var result = action.result;

					if (result.success == false){

						if (result.message.action == "1")

						{

							Ext.Msg.show({

						        title: 'Confirmation',

						        msg: result.message.text,

						        buttons: Ext.Msg.YESNO,

						        fn: function(btn) {

						            if (btn == 'yes') {

						                saveclickbtn("1");

						            }                                

						        },

						        animEl: 'elId',

						        icon: Ext.MessageBox.QUESTION

						    });

						}

						else

							fnShowMsg(result.message,null);            

					}   		  

				}

				});

	}

	function completeclick()

	{

		//GET GRID

		action[gen].setValue("update"); 

		_pnlTemp.layout.setActiveItem(1); 

		var selected =pnlMDGrid[gen].getSelectionModel().getSelected(); 

		selected.set("applicant_status","02");

		assignPK(selected); 

		pnlForm[gen].getForm().loadRecord(selected); 

		md_type[gen].setValue(md_temp);	

		//SAVE

		var employeeid = "emp_id" +percode+mdcat+accesscode+md+empid;

			pnlForm[gen].el.mask("Loading Data...","x-mask-loading");

			md_type[gen].setValue(md_temp);

			var url = "/HR_PA/EditMasterData/";

			pnlForm[gen].getForm().submit({

				clientValidation: true,

				url : url,

				success : function(form, action){

					pnlForm[gen].el.unmask();

					refreshgrid();

					_pnlTemp.layout.setActiveItem(0);

					if (spval == '1'){

						eval("fn_spec_" + md + "('afterSave');");

					}

				},

				failure : function(form, action){

					alert("error on : "+ action.failureType);

					pnlForm[gen].el.unmask(); 

				    }

				});

	}

	function followupclick()

	{

		//Add by Kindy Confirmation Follow-Up 10/05/2011

		Ext.Msg.show({

			title: 'Follow-Up Confirmation',

			msg: 'The Activity specified will be followed-up even the last activity has NOT been Passed. \nAre you sure want to Follow-up Activity?',

			buttons: Ext.Msg.YESNO,

			fn: function(btn) {

				if (btn == 'yes') {

					fnfollowup();

				}                                

			},

			animEl: 'elId',

			icon: Ext.MessageBox.QUESTION

		});

	}

	function fnfollowup()

	{

		//GET GRID

		action[gen].setValue("insert"); 

		_pnlTemp.layout.setActiveItem(1); 

		var selected =pnlMDGrid[gen].getSelectionModel().getSelected(); 

		//selected.set("applicant_status","01");

		var _enddate = selected.get("end_date");

		var act_type = selected.get("activity_type");

		//alert (parseInt(act_type)+1);

		//assignPK(selected); 

		//pnlForm[gen].getForm().loadRecord(selected); 

		pnlForm[gen].getForm().reset();

		Ext.getCmp("start_date"+gen).setValue(_enddate);

		Ext.getCmp("end_date"+gen).setValue(_enddate);

		Ext.getCmp("activity_type"+gen).setValue(parseInt(act_type)+1);

		Ext.getCmp("applicant_status"+gen).setValue("01");

		md_type[gen].setValue(md_temp);	

	}

	function initload()

	{

		if ((md == '0004') || (md == '0005')) {

			try

			{

				var wtCmp = Ext.getCmp('wage_type'+gen);

				var btnLookupWT = Ext.getCmp('buttonLookup_wage_type'+gen);

				if (action[gen].getValue() == 'update'){

					wtCmp.setReadOnly(true);

					fnSetWTFlag(wtCmp.getValue(), gen);

					fnSetOverwriteWT(wtCmp.getValue(), gen);

					if (btnLookupWT != undefined)

					{

						btnLookupWT.setVisible(false);

					}

				}

				else{

					if (accesscode == 'main')

					{

						wtCmp.setReadOnly(false);

						if (btnLookupWT != undefined)

						{

							btnLookupWT.setVisible(true);

						}

					}

				}

			}

			catch(e){}

		}

		if (md == '0032'){

			try

			{

				var loanTypeCmp = Ext.getCmp('loan_type'+gen);

				if (action[gen].getValue() == 'update'){

					loanTypeCmp.setReadOnly(true);

				}

				else{

					if (accesscode == 'main')

						loanTypeCmp.setReadOnly(false);

				}

			}

			catch(e){}

		}

	}

	function specialload()

	{

		if (md == '0021') {

			try

			{	

				var idre = Ext.getCmp('reimbursement_id'+gen).getValue(); 

				fldReimburseID.setValue(idre);

				fn_spec_0021('reload',gen,accesscode,idre);

			}

			catch(e){}

		}

		else if (md == '0032') {

			try

			{	

				var stdate = Ext.getCmp('start_date'+gen).getValue();

				var edate =  Ext.getCmp('end_date'+gen).getValue();

				var lntype = Ext.getCmp('loan_type'+gen).getValue();

				var seq	= Ext.getCmp('seq'+gen).getValue();

				fn_spec_0032('reload',gen,accesscode,stdate,edate,lntype,seq);

				// remove by adi, not load balance in edit mode.

				/*

				// add by irwan

				var empid2 = hidEmpId.getValue();

				$.ajax({

						url : "/HR_PA/GetLoanBalance",

						data : {md_type:"empmd0035", emp_id:empid2, start_date:stdate, end_date:edate, loan_type:lntype, seq:seq},

						async:false,

						success : function(result){

							if (result.success)

							{

								dataMD0035_Grid.loadData(result.data);

							}

						}

				});

				*/

			}

			catch(e){}

		}

		else{}

	}

	fnInitForm();

}