ecside.js

ecside 控件的使用,ext的拓展

/*
	if (ECSideUtil.DragobjNext && ECSideUtil.DragECSideObj.resizeWay!="resizeTable"){
		cc=ECSideUtil.DragobjBodyCellNext.clientWidth+dWidth+fixX;
		if (cc<10){
			cc=10;
		}
		ECSideUtil.DragobjNext.style.width=cc+"px";
		ECSideUtil.DragobjBodyCellNext.style.width=cc+"px";
		ECSideUtil.DragobjBodyCellNext.width = cc+"px";
	}
*/
if (!ECSideUtil.DragECSideObj.isClassic){
ECSideUtil.syncRowsWidth(ECSideUtil.DragECSideObj.ECListHead.rows,ECSideUtil.DragECSideObj.ECListBody.rows);
}


	document.body.style.cursor = "";
	ECSideUtil.separateLine.style.display="none";


ECSideUtil.DragECSideObj.handleResize();

	try{
//ECSideUtil.DragECSideObj.initScrollXscrollWidth();
//ECSideUtil.DragECSideObj.initScrollBarSize();
}catch(e){}

	ECSideUtil.startDragobj=false;
	ECSideUtil.Dragobj=null;

ECSideUtil.DragECSideObj=null;
ECSideUtil.DragobjBodyCell=null;
ECSideUtil.DragobjBodyCellNext=null;
ECSideUtil.DragobjNext=null;

ECSideUtil_stopEvent(e);
}


ECSideUtil.resizeInit=function(){
	document.onmousemove = ECSideUtil.DoResize;
	document.onmouseup = ECSideUtil.EndResize;
	document.body.ondrag = function() {return false;};
	
    document.body.onselectstart = function() {
		return ECSideUtil.Dragobj==null && ECSideUtil.startDragobj==false;
	};
	 

	/*
		var e = event||window.event;
 e.cancelBubble = true   
 e.returnValue = false;   
	return   false; 
	*/
};





/* ===========EDIT CELL ============= */
ECSideUtil.getColumnName=function(cellObj,formid){
	var ecsideObj=ECSideUtil.getGridObj(formid);
	var cname='';
	try {
		var idx=cellObj.cellIndex;
		var cell=ecsideObj.ECListHead.rows[0].cells[idx];
		cname=cell.getAttribute("columnName");
	}catch(e){
		cname='';
	}
	return cname;
};

// editType =  input select checkbox radio
ECSideUtil.editCell=function(cellObj,formid,templateId){
	if (cellObj.getAttribute("editing")=="true"){
		return;
	}
	var ecsideObj=ECSideUtil.getGridObj(formid);

	cellObj.setAttribute("editing","true");
	if (!templateId){
		var idx=cellObj.cellIndex;
		var thcell=ecsideObj.ECListHead.rows[0].cells[idx];
		templateId=thcell.getAttribute("editTemplate");
	}
	var template=document.getElementById(templateId);
	var templateText=window.isIE?template.value:template.textContent;

templateText=ECSideUtil.trimString(templateText);

	var text=window.isIE?cellObj.innerText:cellObj.textContent;
	var value=cellObj.getAttribute("cellValue");
	value=value==null?text:value;
	
	value=ECSideUtil.trimString(value);
	
	var name=ECSideUtil.getColumnName(cellObj,formid);
	if (templateText.indexOf("name=\"\"")>0){
		templateText=ECSideUtil.replaceAll(templateText,"name=\"\"","name=\""+name+"\"");
	}



var editType="input";

if (templateText.toLowerCase().indexOf("<input ")==0 ){
	if (templateText.indexOf(" type=\"checkbox\"")>0){
		editType="checkbox";
	}else if(templateText.indexOf(" type=\"radio\"")>0){
		editType="radio";
	}
}else if (templateText.toLowerCase().indexOf("<select ")==0 ){
	editType="select";
}

	if (editType=="input"){
		cellObj.innerHTML=ECSideUtil.replaceAll(templateText,"value=\"\"","value=\""+value+"\"");	
	}else if (editType=="select"){
		cellObj.innerHTML=ECSideUtil.replaceAll(templateText,"value=\""+value+"\"","value=\""+value+"\" selected=\"selected\"");	
	}else if (editType=="checkbox" || editType=="radio"){
		cellObj.innerHTML=ECSideUtil.replaceAll(templateText,"value=\""+value+"\"","value=\""+value+"\" checked=\"checked\"");	
	}
	
	ECSideUtil.getFirstChildElement(cellObj).focus();
};


ECSideUtil.updateEditCell=function(cellEditObj,editType){

	if (cellEditObj.getAttribute("filterfield")=="true"){
		return;
	}
	var cellObj=cellEditObj.parentNode;

	ECSideUtil.updateCellContent(cellObj,cellEditObj);
	
	cellObj.setAttribute("edited","true");
	cellObj.parentNode.setAttribute("edited","true");
	cellObj.setAttribute("editing","false");
	ECSideUtil.addClass(cellObj, "editedCell");
};


ECSideUtil.updateCell=function(cellObj){
	var elems=Form.getElements(cellObj);
	if (elems.length>0){
		var cellEditObj=elems[0];
		ECSideUtil.updateCellContent(cellObj,cellEditObj);
	}
};

ECSideUtil.updateCellContent=function(cellObj,elementObj){
	
		var editType=elementObj.tagName.toLowerCase();
		if (editType=="input"){
			var type=elementObj.type.toLowerCase();
			if (type=='checkbox' || type=='radio'){
				editType=type;
			}
		}
		var value=elementObj.value;
		if (editType=="input"){
			cellObj.innerHTML=elementObj.value;
		}else if (editType=="select"){
			value=elementObj.options[elementObj.selectedIndex].value;
			cellObj.innerHTML=elementObj.options[elementObj.selectedIndex].text;
		}else if (editType=="checkbox" || editType=="radio"){
			cellObj.innerHTML=elementObj.nextSibling.nodeValue;
		}else{
			cellObj.innerHTML=elementObj.innerHTML;
		}
		cellObj.setAttribute("cellValue",ECSideUtil.trimString(value));
};

ECSideUtil.getUpdatedRows=function(formid){
	var ecsideObj=ECSideUtil.getGridObj(formid);
	var erows=[];
	if (ecsideObj && ecsideObj.ECListBody){
		var rs=ecsideObj.ECListBody.rows;
		for (var i=0;i<rs.length;i++){
			if (rs[i].getAttribute("edited")=="true"){
				erows.push(rs[i]);
			}
		}
	}
	return erows;
};


ECSideUtil.getDeletedRows=function(formid){
	var ecsideObj=ECSideUtil.getGridObj(formid);
	var erows=[];
	if (ecsideObj && ecsideObj.ECListBody){
		var rs=ecsideObj.ECListBody.rows;
		for (var i=0;i<rs.length;i++){
			if (ECSideUtil.hasClass(rs[i],"del")){
				erows.push(rs[i]);
			}
		}
	}
	return erows;
};

ECSideUtil.getRemoveUpdatedClassRows=function(listRows,recordKey){

	if (listRows && listRows.length){
		for (var i=0;i<listRows.length;i++){
			if (listRows[i].getAttribute("recordKey")==ECSideUtil.trimString(recordKey)){

				listRows[i].setAttribute("edited",null);
				ECSideUtil.clearRowEditedFlag(listRows[i]);
			}
		}
	}
};

ECSideUtil.getRemoveInsertedClassRows=function(listRows,recordKey){

	if (listRows && listRows.length){
		for (var i=0;i<listRows.length;i++){
			var cells=listRows[i].cells;
			for (var j=0;j<cells.length ;j++ ){
				ECSideUtil.updateCell(cells[j]);
			}
			listRows[i].className="added";
		}
	}
};


ECSideUtil.clearRowEditedFlag=function(rowObj){
	var cs=rowObj.cells;
	for (var i=0;i<cs.length;i++){
		cs[i].setAttribute("edited","false");
		ECSideUtil.removeClass(cs[i], "editedCell");
	}
};

ECSideUtil.getRemoveDeletedRows=function(listRows,recordKey){

	if (listRows && listRows.length){
		for (var i=0;i<listRows.length;i++){
			var crow=listRows[i];
			if (crow && crow.getAttribute("recordKey")==ECSideUtil.trimString(recordKey) && ECSideUtil.hasClass(crow,"del")){
				var crowIndex=crow.rowIndex;
				if (crow.getAttribute("hasShadow")=="true" ){
					crow.parentNode.removeChild(crow.parentNode.rows[crowIndex+1]);
				}
				crow.parentNode.removeChild(crow);
			}
		}
	}
};

ECSideUtil.getRowCellsMap=function(rowObj,formid){
	var cellMap={};
	var keyvalue=rowObj.getAttribute("recordKey");
	if (keyvalue){
		cellMap["recordKey"]=keyvalue;
	}
	var cells=rowObj.cells;
	for (var i=0;i<cells.length;i++ ){
		var cellObj=cells[i];
		var name=ECSideUtil.getColumnName(cellObj,formid);
		if (!name){
			continue;
		}
		var value=cellObj.getAttribute("cellValue");
		if (!value){
			value=window.isIE?cellObj.innerText:cellObj.textContent;
		}
		if (cellMap[name]==undefined){
			cellMap[name]=value;
		}else if(ECSideUtil.isCollection(cellMap[name]) ){
			cellMap[name].push(value);
		}else{
			var temp_v=cellMap[name];
			cellMap[name]=[temp_v];
			cellMap[name].push(value);
		}

	}
	return cellMap;
};


ECSideUtil.getInsertRows=function(formid){

	var ecsideObj=ECSideUtil.getGridObj(formid);
	var erows=[];
	if (ecsideObj && ecsideObj.ECListBody){
		var rs=ecsideObj.ECListBody.rows;
		for (var i=0;i<rs.length;i++){
			if (ECSideUtil.hasClass(rs[i],"add")){
				erows.push(rs[i]);
			}
		}
	}
	return erows;
};


ECSideUtil.updateShadowRow=function(crow,shadowRow,formid,originalRequest){
	var text=originalRequest.responseText;
	if (ECSideUtil.trimString(text)!=''){
		shadowRow.cells[0].innerHTML=text;
	}else{
		shadowRow.cells[0].innerHTML= ECSideMessage.SHADOWROW_FAILED+" ( recordKey : "+crow.getAttribute("recordKey")+").";
	}
	

	var shadowRowHeight=ECSideUtil.parseIntOrZero(shadowRow.cells[0].scrollHeight);
	shadowRow.setAttribute("shadowRowHeight",shadowRowHeight);
	shadowRow.cells[0].style.height=shadowRowHeight+"px";
	

	var shadowRowHeight=ECSideUtil.parseIntOrZero(shadowRow.getAttribute("shadowRowHeight"));
var ecsideObj=ECSideUtil.getGridObj(formid);
ecsideObj.hideWaitingBar();

	//ECSideUtil.changeListHeight("+"+shadowRowHeight ,formid);
};

ECSideUtil.showShadowRow=function(crow,eventSrc,formid){
		var ecsideObj=ECSideUtil.getGridObj(formid);


		if (!crow && !eventSrc){
			return;
		}
		if(typeof(crow)=="string" ){
			crow=document.getElementById(crow);
		}
		if(typeof(eventSrc)=="string" ){
			eventSrc=document.getElementById(eventSrc);
		}
		if (crow.tagName.toLowerCase()=="td"){
			crow=crow.parentNode;
		}
		var crowIndex=crow.rowIndex;

		if (!ecsideObj.isClassic){
			crowIndex++;
		}
		var cellnum=crow.cells.length;

		var hasShadow=crow.getAttribute("hasShadow");
		var shadowRow=null;
		var isShowed=true;

		if (hasShadow=="true"){
			shadowRow=crow.parentNode.rows[crowIndex];
			if (shadowRow.style.display=="none"){
				shadowRow.style.display="";
				//if (ecsideObj.showShadowRowCallBack){
					//ecsideObj.showShadowRowCallBack(formid,crow,shadowRow,eventSrc);
				//}
				//alert(1)
				eventSrc.className="shadowRowButtonOpen";
			}else{
				shadowRow.style.display="none";
				//if (ecsideObj.hideShadowRowCallBack){
					//ecsideObj.hideShadowRowCallBack(formid,crow,shadowRow,eventSrc);
				//}	
				//alert(2)
				eventSrc.className="shadowRowButtonClose";
				isShowed=false;
			}
		
		}else{
			//alert(3)
			shadowRow=crow.parentNode.insertRow(crowIndex);
			shadowRow.className="shadowRow";
			shadowRow.style.display="";
			var newcell=document.createElement("td");
			newcell.colSpan=cellnum;
			shadowRow.appendChild(newcell);
			crow.setAttribute("hasShadow","true");
			shadowRow.setAttribute("isShadow","true");

			var url=ecsideObj.ECForm.getAttribute("shadowRowAction");
			var pars=ECSideUtil.getRowCellsMap(crow,formid);
			var updateShadowRow=ECSideUtil.updateShadowRow.bind(this,crow,shadowRow,formid);
			ECSideUtil.doAjaxUpdate(url,pars,updateShadowRow,formid);

			eventSrc.className="shadowRowButtonOpen";
			
			//if (ecsideObj.firstShowShadowRowCallBack){
			//	ecsideObj.firstShowShadowRowCallBack(formid,crow,shadowRow,eventSrc);
			//}
			
		}
		if ( isShowed && ecsideObj.autoCloseOtherShadowRow ) {
			if (ecsideObj.currentShadowRowParent && ecsideObj.currentShadowEventSrc && crow.id!=ecsideObj.currentShadowRowParent  )	{
				ECSideUtil.showShadowRow(ecsideObj.currentShadowRowParent,ecsideObj.currentShadowEventSrc,ecsideObj.id);
			}
		}
		if (isShowed){
			ecsideObj.currentShadowRowParent=crow.id;
			ecsideObj.currentShadowEventSrc=eventSrc.id;
		}else{
			ecsideObj.currentShadowRowParent=null;
			ecsideObj.currentShadowEventSrc=null;
		}

	};

/////////////////////////////////////////////////



ECSideUtil.saveGirdBatch=function(buttonObj,formid,isBatch){

	if(!confirm(ECSideMessage.UPDATE_CONFIRM)){
		return;
	}

	var ecsideObj=ECSideUtil.getGridObj(formid);
	var form=ecsideObj.ECForm;

	var urlu=form.getAttribute("updateAction")+"";
	var rows=ECSideUtil.getUpdatedRows(formid);

	var urli=form.getAttribute("insertAction")+"";
	var rowsi=ECSideUtil.getInsertRows(formid);

	var urld=form.getAttribute("deleteAction")+"";
	var rowsd=ECSideUtil.getDeletedRows(formid);


	var continueFunction=true;
	if (ecsideObj.beforeSave){
		continueFunction=ecsideObj.beforeSave(formid,rows,rowsi,rowsd);
	}
	if (continueFunction===false){
		return;
	}


	var parsMap;
	var useEasyDataAccessFlag="easyDataAccess=";
	if (isBatch==null || isBatch==window.undefined)	{
		isBatch=true;
	}
	var doBatch = isBatch;



	ecsideObj.forUpdateRows=rows;
	parsMap={};
	doBatch=doBatch && urlu.indexOf(useEasyDataAccessFlag)<1;
	for (var i=0;i<rows.length;i++){
		var pars=ECSideUtil.getRowCellsMap(ecsideObj.forUpdateRows[i],formid);
		if (doBatch){
			ECSideUtil.appendMap(parsMap,pars);
		}else{
			ECSideUtil.doAjaxUpdate(urlu,pars,ecsideObj.updateCallBack,formid);
		}

	}
	if (doBatch && rows.length>0){
		ECSideUtil.doAjaxUpdate(urlu,parsMap,ecsideObj.updateCallBack,formid);
	}

/* ============== */

	ecsideObj.forInsertRows=rowsi;
	parsMap={};
	doBatch=doBatch && urli.indexOf(useEasyDataAccessFlag)<1;
	for (var i=0;i< rowsi.length;i++){
		var pars=Form.serialize(ecsideObj.forInsertRows[i],true);
		if (doBatch){
			ECSideUtil.appendMap(parsMap,pars);
		}else{
			ECSideUtil.doAjaxUpdate(urli,pars,ecsideObj.insertCallBack,formid);
		}

	}
	if (doBatch && rowsi.length>0){
		ECSideUtil.doAjaxUpdate(urli,parsMap,ecsideObj.insertCallBack,formid);
	}


/* ============== */


	ecsideObj.forDeleteRows = rowsd;
	parsMap={};
	doBatch=doBatch && urld.indexOf(useEasyDataAccessFlag)<1;
	for (var i=0;i< rowsd.length;i++){
		var pars=ECSideUtil.getRowCellsMap(ecsideObj.forDeleteRows[i],formid);
		if (doBatch){
			ECSideUtil.appendMap(parsMap,pars);
		}else{
			ECSideUtil.doAjaxUpdate(urld,pars,ecsideObj.deleteCallBack,formid);
		}
	}
	if (doBatch && rowsd.length>0){
		ECSideUtil.doAjaxUpdate(urld,parsMap,ecsideObj.deleteCallBack,formid);
	}

/* ============== */

	if (rows.length<1){
		ecsideObj.forUpdateRows=[];
	}
	if (rowsi.length<1){
		ecsideObj.forInsertRows=[];
	}
	if (rowsd.length<1){
		ecsideObj.forDeleteRows=[];
	}

	if ( rows.length<1 && rowsi.length<1 && rowsd.length<1 ){
		alert(ECSideMessage.NO_RECORD_UPDATE);
	}
	
};

ECSideUtil.saveGird=ECSideUtil.saveGirdBatch;
//ECSideUtil.saveGird=ECSideUtil.saveGirdSingle;

ECSideUtil.delFromGird=function(buttonObj,formid,deleteFlags){

	var ecsideObj=ECSideUtil.getGridObj(formid);
	var form=ecsideObj.ECForm;

	if (!deleteFlags){
		deleteFlags=ecsideObj.deleteFlags;
	}
	var checkBoxList=form[deleteFlags];

	var crow=ecsideObj.selecte