GGrid网页手写签批控件个人实现在页面上自定义显示的一个例子

function showSignature(name,id){//显示签章jiangkun

name=parseInt(name)+1;

var returns;

if(parseInt(name)%2==0){

returns='<OBJECT id=\"Consult'+id+'\" width="100%" height="100%" onreadystatechange="handlestatechange(this,\''+id+'\');" classid="clsid:2294689C-9EDF-40BC-86AE-0438112CA439" codebase="../common/widgets/office/iWebRevision.cab#version=6,5,0,274"></OBJECT>';

returns+='<table><tr><td id="sigCont'+id+'" width=84% style="height:130px">';

returns+='<div id="DivID'+id+'"></div></td>';

returns+='<td id="sigCont2'+id+'" width=84% style="display:none;height:130px"></td>';

returns+='<td id="signatureObj'+id+'">';

returns+='<span id=sigSpan0'+id+' class=ui-buttonPro><span class=buttonPro-con><input class=sbu onClick="ConsultOpenMiniSignature(\''+id+'\')" value=迷你盖章 type=button /></span></span>';

returns+='<span id=sigSpan1'+id+' class=ui-buttonPro><span class=buttonPro-con><input class=sbu onClick="ConsultOpenSignature(\''+id+'\')" value=打开签章 type=button /></span></span>';

returns+='<span id=sigSpan2'+id+' class=ui-buttonPro><span class=buttonPro-con><input class=sbu onClick="ConsultShowKeyWrite(\''+id+'\')" onClick="Consult.EditType=1;ConsultStatusMsg(\'当前为文字签批状态。\',\'"+id+"\')" value=文字签批
type=button /></span></span>';

returns+='<span id=sigSpan3'+id+' class=ui-buttonPro><span class=buttonPro-con><input class=sbu onClick="ConsultShowHandWrite(\''+id+'\')" onClick="Consult.EditType=0;ConsultStatusMsg(\'当前为手写签批状态。\',\'"+id+"\')" value=手写签批
type=button /></span></span>';

//returns+='<button id="test" class="buttonPro" onClick="ConsultShowZoomInHandWrite(\''+id+'\')">[全屏签批]</a>';

//returns+='<button class="buttonPro" onClick="ConsultIsJuggled(\''+id+'\')">[是否签批]</button>';

//returns+='<button class="buttonPro" onClick="ConsultSaveGif(\''+id+'\');">[输出图片]</button>';

//returns+='<button class="buttonPro"onClick="ConsultLoadPicture(\''+id+'\');">[载入图片]</button>';

//returns+='<button class="buttonPro" onClick="ConsultStartShowInfo(\''+id+'\')">[颜色提示]</button>';

returns+='<span id=sigSpan4'+id+' class=ui-buttonPro><span class=buttonPro-con><input class=sbu onClick="ConsultWriteName(\''+id+'\')" value=自动署名 type=button /></span></span>';

returns+='<span id=sigSpan5'+id+' class=ui-buttonPro><span class=buttonPro-con><input class=sbu onClick="ConsultInputValue(\''+id+'\')" value=常用短语 type=button /></span></span>';

returns+='<span id=sigSpan6'+id+' class=ui-buttonPro><span class=buttonPro-con><input class=sbu onClick="ConsultClear(\''+id+'\')" value=取消修改 type=button /></span></span>';

returns+='<span id=sigSpan7'+id+' class=ui-buttonPro><span class=buttonPro-con><input class=sbu onClick="ConsultClearAll(\''+id+'\')" value=清空全部 type=button /></span></span>';

returns+='</td></tr></table>';

returns+='<div style="display:none"><span height="26" align="right" class="StatusLine" style="color:#0000ff">状态信息：</span>';

returns+='<span align=left" id="iConsultStatusBar'+id+'" nowrap> </span></div>';

if(parseInt(name)==2){

$("#"+id).append(returns);

try{LoadSignature(id);

//根据控件实际页面中高度动态改变手写高度jiangkun

var trrr=$('#'+id).parent("td").height();

if(trrr!=null&&trrr!=''){

$('#sigCont'+id).css('height',trrr);$('#sigCont2'+id).css('height',trrr);

}else{

var hei=$('#'+id).css('height');

$('#sigCont'+id).css('height',hei);$('#sigCont2'+id).css('height',hei);

}

}catch(e){$("#"+id).append(returns);}

addOrDeleteHeight(280);

}else{$("#"+id).css("display","block");addOrDeleteHeight(280);}

}else{

returns="";$("#"+id).css("display","none");addOrDeleteHeight(-280);

}

//根据稿纸配置签章的各功能按钮是否显示jiangkun

var sst=id.split('signature_');

if(sst.length>1){

var sid=sst[1];

$('#'+sid).hide();

var stext=$('#'+sid).val();

var j=0;

for(var i=0,stl=stext.length;i<stl;i++){

if(stext[i]=='1'){$('#sigSpan'+i+id).empty().remove();}

else{//一下解决显示和打印样式保持一致问题jiangkun

j++;

if(j%2==0){

$('#sigSpan'+i+id).append('<br>');

}

}

}

if(j<2){$("#sigCont"+id).attr('width','92%');}

}

}