SM341700，网格页码用弹框替代下拉框

平台下拉框不太好用，可以使用弹框，尤其是有少量数据的时候。

function Alert2(str,colname) {  
    var msgw,msgh,bordercolor;  
    msgw=500;//提示窗口的宽度  
    msgh=150;//提示窗口的高度  
    titleheight=25 //提示窗口标题高度  
    bordercolor="#336699";//提示窗口的边框颜色  
    titlecolor="#99CCFF";//提示窗口的标题颜色  
    var sWidth,sHeight;  
    //获取当前窗口尺寸  
    sWidth = document.body.offsetWidth;  
    sHeight = document.body.offsetHeight;  
//背景div  
    var bgObj=document.createElement("div");  
    bgObj.setAttribute('id','alertbgDiv');  
    bgObj.style.position="absolute";  
    bgObj.style.top="0";  
    bgObj.style.background="#E8E8E8";  
    bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=25,finishOpacity=75)";  
    bgObj.style.opacity="0.6";  
    bgObj.style.left="0";  
    bgObj.style.width = sWidth + "px";  
    bgObj.style.height = sHeight + "px";  
    bgObj.style.zIndex = "10000";  
    document.body.appendChild(bgObj);  
    //创建提示窗口的div  
    var msgObj = document.createElement("div")  
    msgObj.setAttribute("id","alertmsgDiv");  
    msgObj.setAttribute("align","center");  
    msgObj.style.background="white";  
    msgObj.style.border="1px solid " + bordercolor;  
    msgObj.style.position = "absolute";  
    msgObj.style.left = "50%";  
    msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";  
    //窗口距离左侧和顶端的距离   
    msgObj.style.marginLeft = "-225px";  
    //窗口被卷去的高+（屏幕可用工作区高/2）-150  
    msgObj.style.top = document.body.scrollTop+(window.screen.availHeight/2)-300 +"px";  
    msgObj.style.width = msgw + "px";  
    msgObj.style.height = msgh + "px";  
    msgObj.style.textAlign = "center";  
    msgObj.style.lineHeight ="25px";  
    msgObj.style.zIndex = "10001";  
    document.body.appendChild(msgObj);  
    //提示信息标题  
    var title=document.createElement("h4");  
    title.setAttribute("id","alertmsgTitle");  
    title.setAttribute("align","left");  
    title.style.margin="0";  
    title.style.padding="3px";  
    title.style.background = bordercolor;  
    title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";  
    title.style.opacity="0.75";  
    title.style.border="1px solid " + bordercolor;  
    title.style.height="18px";  
    title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";  
    title.style.color="white";  
    title.innerHTML="提示信息";  
    document.getElementById("alertmsgDiv").appendChild(title);  

 //提示信息  
    var txt = document.createElement("div");  
    txt.setAttribute("id","msgTxt");
    txt.innerHTML = str;  
    document.getElementById("alertmsgDiv").appendChild(txt);   
$("#msgTxt").find("input[type='checkbox']").mousedown(function () {
   $("td[colname='"+colname+"']").find("input").val($(this).attr("name")).trigger("change");
    return false;
});    
 

    //设置关闭时间
    window.setTimeout("closewin()",2000);   
}  
function closewin() {  
    document.body.removeChild(document.getElementById("alertbgDiv"));  
    document.getElementById("alertmsgDiv").removeChild(document.getElementById("alertmsgTitle"));  
    document.body.removeChild(document.getElementById("alertmsgDiv"));  
}

 

$("td[colname='YWYY2']").click(function () {
    var sql = "select YWYYMC as NAME, YWYYBH as ID from SM_ZDB_ZSZPYWYY_TB where cjbz = 0 order by YWYYBH ";
    var data = readDataAst(sql);
    data = JsonToYWYY(data);
    Alert2(data.innerHTML,"YWYY2");
    return false;
})

 

/* PU341700 业务原因*/ function JsonToYWYY(data) { var objData = $.parseJSON(data); var tzdiv = document.createElement("div"); tzdiv.innerHTML = ""; var ul = document.createElement("ul"); ul.style.width = "100%"; $.each(objData, function (index, item) { var ID = item.ID; var NAME = item.NAME; var chkBox = document.createElement("input"); chkBox.setAttribute("type", "checkbox"); chkBox.setAttribute("ID", ID); chkBox.setAttribute("NAME", NAME); var li = document.createElement("li"); li.style.width = "20%"; li.style.float = "left"; li.appendChild(chkBox); li.appendChild(document.createTextNode(NAME)); ul.appendChild(li); }); /*$.each函数*/ tzdiv.appendChild(ul); return tzdiv; }