tclientdataset使用详解.mht

TClientDataSet使用说明TClientDataSet使用详解.mht

	var src =3D "";
	var path =3D blogurl+"images/dialog/";
	//alert(path);
	var sFunc =3D '<input id=3D"dialogOk" type=3D"button" =
style=3D"font-size:12px;width:71px;height:22px;line-height:24px;border-st=
yle:none;background:transparent url('+path+'button4.bmp);width: =
71px;height: 22px;"  onmouseover=3DBtnOver(this,"'+path+'") =
onmouseout=3DBtnOut(this,"'+path+'") value=3D"=C8=B7 =C8=CF" =
onclick=3D"new dialog(\''+blogurl+'\').reset();" /> <input =
id=3D"dialogCancel" type=3D"button" =
style=3D"font-size:12px;width:71px;height:22px;line-height:24px;border-st=
yle:none;background:transparent url('+path+'button4.bmp);width: =
71px;height: 22px;" value=3D"=C8=A1 =CF=FB" onclick=3D"new =
dialog(\''+blogurl+'\').reset();" />';
	var sClose =3D '<input type=3D"image" =
title=3D"=B9=D8=B1=D5=B5=B1=C7=B0=B4=B0=BF=DA" id=3D"dialogBoxClose" =
onclick=3D"new dialog(\''+blogurl+'\').reset();" src=3D"' + path + =
'dialogClose0.gif" border=3D"0" width=3D"16" height=3D"16" =
onmouseover=3D"this.src=3D\'' + path + 'dialogCloseF.gif\';" =
onmouseout=3D"this.src=3D\'' + path + 'dialogClose0.gif\';" =
align=3D"absmiddle" />';
	var sBody =3D '\
		<table id=3D"dialogBodyBox" style=3D"border:1px solid =
#54B1F7;border-top:0;background:url('+path+'sBody_bg.png) repeat-x left =
bottom;" border=3D"0" align=3D"center" cellpadding=3D"0" =
cellspacing=3D"0" width=3D"100%" height=3D"100%" >\
			<tr height=3D"10"><td colspan=3D"4"></td></tr>\
			<tr>\
				<td width=3D"10"></td>\
				<td width=3D"80" align=3D"center" valign=3D"middle" =
id=3D"ob_boxface"><img id=3D"dialogBoxFace" src=3D"' + path + '1.png"  =
valign=3D"absmiddle" style=3D"behavior:url('+path+'png.htc);" /></td>\
				<td id=3D"dialogMsg" style=3D"font-size:12px;color:#000;"></td>\
				<td width=3D"10"></td>\
			</tr>\
			<tr height=3D"10"><td colspan=3D"4" align=3D"center"></td></tr>\
			<tr><td id=3D"dialogFunc" colspan=3D"4" align=3D"center">' + sFunc + =
'</td></tr>\
			<tr height=3D"10"><td colspan=3D"4" align=3D"center"></td></tr>\
		</table>\
	';
	var sBox =3D '\
		<table id=3D"dialogBox" width=3D"' + width + '" border=3D"0" =
cellpadding=3D"0" cellspacing=3D"0" style=3D"border:1px solid =
#1F3F94;display:none;z-index:10;">\
			<tr height=3D"18" bgcolor=3D"#1577D2" >\
				<td style=3D"border:1px solid #91DEFA;border-bottom:0;">\
					<table onselectstart=3D"return false;" =
style=3D"-moz-user-select:none;background: url('+path+'win_top.png) =
repeat-x;" width=3D"100%" border=3D"0" cellpadding=3D"0" =
cellspacing=3D"0">\
						<tr>\
							<td width=3D"6" ></td>\
							<td id=3D"dialogBoxTitle" onmousedown=3D"new =
dialog().moveStart(event, \'dialogBox\')" =
style=3D"color:#fff;cursor:move;font-size:12px;font-weight:bold;">=CC=E1=CA=
=BE=D0=C5=CF=A2</td>\
							<td id=3D"dialogClose" width=3D"27" align=3D"right" =
valign=3D"middle">\
								' + sClose + '\
							</td>\
							<td width=3D"6"></td>\
						</tr>\
					</table>\
				</td>\
			</tr>\
			<tr id=3D"dialogHeight" height=3D"' + height + '">\
				<td id=3D"dialogBody" style=3D"background:#fff;color:#000;border:1px =
solid #91DEFA;border-top:0;">' + sBody + '</td>\
			</tr>\
		</table>\
		<div id=3D"dialogBoxShadow" style=3D"display:none;z-index:9;"></div>\
		<iframe id=3D"dialogBoxDivShim" scrolling=3D"no" frameborder=3D"0" =
style=3D"position:absolute;top:0px; left:0px;display:none">\
	';
	function $(_sId){return document.getElementById(_sId)}
	this.show =3D function(){$('dialogBodyBox') ? function(){} : =
this.init();this.middle('dialogBox');this.shadow();}
	this.reset =3D =
function(){$('dialogBox').style.display=3D'none';$('dialogBoxShadow').sty=
le.display =3D "none";$('dialogBoxDivShim').style.display =3D =
"none";$('dialogBody').innerHTML =3D sBody;}
	this.html =3D function(_sHtml){$("dialogBody").innerHTML =3D =
_sHtml;this.show();}
	this.init =3D function(){
		$('dialogCase') ? =
$('dialogCase').parentNode.removeChild($('dialogCase')) : function(){};
		var oDiv =3D document.createElement('span');
		oDiv.id =3D "dialogCase";
		oDiv.innerHTML =3D sBox;
		document.body.appendChild(oDiv);
	}
	this.button =3D function(_sId, _sFuc){
		if($(_sId)){
			$(_sId).style.display =3D '';
			if($(_sId).addEventListener){
				if($(_sId).act){$(_sId).removeEventListener('click', =
function(){eval($(_sId).act)}, false);}
				$(_sId).act =3D _sFuc;
				$(_sId).addEventListener('click', function(){eval(_sFuc)}, false);
			}else{
				if($(_sId).act){$(_sId).detachEvent('onclick', =
function(){eval($(_sId).act)});}
				$(_sId).act =3D _sFuc;
				$(_sId).attachEvent('onclick', function(){eval(_sFuc)});
			}
		}
	}
	this.shadow =3D function(){
		var oShadow =3D $('dialogBoxShadow');
		var oDialog =3D $('dialogBox');
		var IfrRef =3D $('dialogBoxDivShim');
		oShadow.style.position =3D "absolute";
		oShadow.style.background	=3D "#000";
		oShadow.style.display	=3D "";
		oShadow.style.opacity	=3D "0.2";
		oShadow.style.filter =3D "alpha(opacity=3D0)";
		oShadow.style.top =3D oDialog.offsetTop + 6+"px";
		oShadow.style.left =3D oDialog.offsetLeft + 6+"px";
		oShadow.style.width =3D oDialog.offsetWidth+"px";
		oShadow.style.height =3D oDialog.offsetHeight+"px";
	=09
		IfrRef.style.width =3D oDialog.offsetWidth+6+"px";
		IfrRef.style.height =3D oDialog.offsetHeight+6+"px";
		IfrRef.style.top =3D oDialog.offsetTop+"px";
		IfrRef.style.left =3D oDialog.offsetLeft+"px";
		//IfrRef.style.zIndex =3D DivRef.style.zIndex - 1;
		IfrRef.style.display =3D "block";
	}
	this.open =3D function(_sUrl, _sMode){
		this.show();
		if(!_sMode || _sMode =3D=3D "no" || _sMode =3D=3D "yes"){
			$("dialogBody").innerHTML =3D "<iframe id=3D'dialogFrame' =
width=3D'100%' height=3D'100%' frameborder=3D'0' scrolling=3D'" + _sMode =
+ "'></iframe>";
			$("dialogFrame").src =3D _sUrl;
		}
	}
	this.event =3D function(_sMsg, _sOk, _sCancel, _sClose){
		$('dialogFunc').innerHTML =3D sFunc;
		$('dialogClose').innerHTML =3D sClose;
		$('dialogBodyBox') =3D=3D null ? $('dialogBody').innerHTML =3D sBody : =
function(){};
		$('dialogMsg') ? $('dialogMsg').innerHTML =3D _sMsg  : function(){};
		this.show();
		_sOk ? this.button('dialogOk', _sOk) | $('dialogOk').focus() : =
$('dialogOk').style.display =3D 'none';
		_sCancel ? this.button('dialogCancel', _sCancel) : =
$('dialogCancel').style.display =3D 'none';
		_sClose ? this.button('dialogBoxClose', _sClose) : function(){};
		//_sOk ? this.button('dialogOk', _sOk) : _sOk =3D=3D "" ? function(){} =
: $('dialogOk').style.display =3D 'none';
		//_sCancel ? this.button('dialogCancel', _sCancel) : _sCancel =3D=3D =
"" ? function(){} : $('dialogCancel').style.display =3D 'none';
	}
	this.set =3D function(_oAttr, _sVal){
		var oShadow =3D $('dialogBoxShadow');
		var oDialog =3D $('dialogBox');
		var oHeight =3D $('dialogHeight');

		if(_sVal !=3D ''){
			switch(_oAttr){
				case 'title':
					$('dialogBoxTitle').innerHTML =3D _sVal;
					title =3D _sVal;
					break;
				case 'width':
					oDialog.style.width =3D _sVal;
					width =3D _sVal;
					break;
				case 'height':
					oHeight.style.height =3D _sVal;
					height =3D _sVal;
					break;
				case 'src':
					if(parseInt(_sVal) > 0){
						$('dialogBoxFace') ? $('dialogBoxFace').src =3D path + _sVal + =
'.png' : function(){};
					}else{
						$('dialogBoxFace') ? $('dialogBoxFace').src =3D _sVal : =
function(){};
					}
					src =3D _sVal;
					break;
			}
		}
		this.middle('dialogBox');
		oShadow.style.top =3D oDialog.offsetTop + 6+"px";
		oShadow.style.left =3D oDialog.offsetLeft + 6+"px";
		oShadow.style.width =3D oDialog.offsetWidth+"px";
		oShadow.style.height =3D oDialog.offsetHeight+"px";
	}
	this.moveStart =3D function (event, _sId){
		var oObj =3D $(_sId);
		oObj.onmousemove =3D mousemove;
		oObj.onmouseup =3D mouseup;
		oObj.setCapture ? oObj.setCapture() : function(){};
		oEvent =3D window.event ? window.event : event;
		var dragData =3D {x : oEvent.clientX, y : oEvent.clientY};
		var backData =3D {x : parseInt(oObj.style.top), y : =
parseInt(oObj.style.left)};
		function mousemove(){
			var oEvent =3D window.event ? window.event : event;
			var iLeft =3D oEvent.clientX - dragData["x"] + =
parseInt(oObj.style.left);
			var iTop =3D oEvent.clientY - dragData["y"] + =
parseInt(oObj.style.top);
			oObj.style.left =3D iLeft+"px";
			oObj.style.top =3D iTop+"px";
			$('dialogBoxShadow').style.left =3D iLeft + 6+"px";
			$('dialogBoxShadow').style.top =3D iTop + 6+"px";
		=09
			$('dialogBoxDivShim').style.left =3D iLeft+"px";
			$('dialogBoxDivShim').style.top =3D iTop +"px";
		=09
			dragData =3D {x: oEvent.clientX, y: oEvent.clientY};
		=09

		}
		function mouseup(){
			var oEvent =3D window.event ? window.event : event;
			oObj.onmousemove =3D null;
			oObj.onmouseup =3D null;
			if(oEvent.clientX < 1 || oEvent.clientY < 1 || oEvent.clientX > =
document.body.clientWidth || oEvent.clientY > =
document.body.clientHeight){
				oObj.style.left =3D backData.y +"px";
				oObj.style.top =3D backData.x +"px";
				$('dialogBoxShadow').style.left =3D backData.y + 6+"px";
				$('dialogBoxShadow').style.top =3D backData.x + 6+"px";
			=09
				$('dialogBoxDivShim').style.left =3D backData.y +"px";
				$('dialogBoxDivShim').style.top =3D backData.x +"px";
			}
			oObj.releaseCapture ? oObj.releaseCapture() : function(){};
		}
	}
	this.middle =3D function(_sId){=09
		var theWidth;
		var theHeight;
		if (document.documentElement && document.documentElement.clientWidth) =
{=20
			theWidth =3D =
document.documentElement.clientWidth+document.documentElement.scrollLeft*=
2;;
			the