其他分享
首页 > 其他分享> > GJ项目技术代码相关总结

GJ项目技术代码相关总结

作者:互联网

第一次实习公司的GJ项目快要结束,自己总结了一些工作中的代码,留到记录学习。


功能描述:

根据下拉条件,进行查询,展示出不同的表单选项;并在鼠标进入到指定区域时显示部分内容,鼠标移出内容区域时,隐藏内容。
//根据下拉选项的不同,展示不同的内容。
//下拉选项的id:cal
function show(){
    var index = cal.getSelectedValue();
    for(var i=1;i<=12;i++){
        window['cal'+i].display('none');
    }
    window['cal'+index].display('block')
}
//当页面加载完成时,执行该方法
$(function(){
    //鼠标移入时,找到该内容区域的区域标签
    $('.form-fieldset').mouseover(function(item){
        $(item.currentTarget).find('p.xxxx').show();
    })
    //鼠标移出时,隐藏该区域标签
    $('.form-fieldset').mouseleave(function(item){
        $('.form-fieldset p.xxxx').hide();
    })
})

效果图:
这里写图片描述

功能描述:

焦点移出时进行正则校验。
function test1(){
        //patrn 正则校验
        var patrn = /^[0-9]*$/;  
        //因为要校验很多书籍,所以我将它存储在数组里
        var arr=new Array()
        //将第一个需要检验的数据添加至数组
        arr[0]=ajaxform.getColumnValue("cxfdl");
        arr[1]=ajaxform.getColumnValue("pjyjd");
        for(var i=0,len=arr.length;i<=len;i++){
             //这个地方我做的时候,当移出该焦点时,会判断下一个焦点的情况,
             //如果少去arr[i]!=null这个条件,会出错。
             if (!patrn.test(arr[i])&&arr[i]!=null) {  
                $.alert('只能为数字');
                //当校验后,结束当前循环。
                break;  
             } 
        }
    }

功能描述:

操作栏,根据某一数据状态显示或隐藏链接。

JSP页面操作栏代码:

<hy:gridcustom title="操作" width="150" customstylefunc="setLink()">          </hy:gridcustom>

JS实现代码:

function setLink(record){
    var htmlstr="";
    var status = record.get("status");
    if (status == "2") {
        htmlstr += "<a href=\"javascript:void(0)\" onclick=\"reback(this)\">撤回</a>&nbsp";
        htmlstr += "<a href=\"javascript:void(0)\" onclick=\"showHis(this)\">查看历史记录</a>";   
    }else{
        htmlstr += "<a href=\"javascript:void(0)\" onclick=\"showHis(this)\">查看历史记录</a>";
    }
    return htmlstr;
}

效果图:
这里写图片描述

功能描述:

按钮显示隐藏代码:
var status = obj.status;
    //按钮的隐藏属性由editFlagStr来操控
    var editFlagStr = "Y";
    if (status == "2" || status == "3") {
        editFlagStr = "N";
    } else {
        editFlagStr = "Y";
    }

功能描述:
比较时间。

/**
 * 比较时间。
 * @param {Object} _fromDate
 * @param {Object} _thruDate
 * @param {Object} _message
 */
function dateCompare(_fromDate, _thruDate, _message) {
    if (!_fromDate || !_thruDate) {
        $.alert("开始日期或结束日期为空!");
        return false;
    }
    if (dateConversion(_fromDate) > dateConversion(_thruDate)) {
        $.alert(_message || "开始日期不允许大于结束日期!");
        return false;
    }
    return true;
}

功能描述:

将日期字符串转换为Date,字符串格式为(yyyy-mm-dd hh:mm:ss)
/**
 * 将日期字符串转换为Date,字符串格式为(yyyy-mm-dd hh:mm:ss)
 *
 * @param dateStr
 *            日期字符串
 */
function dateConversion(dateStr) {
    // 去掉毫秒数
    if (dateStr.indexOf(".") > 0) {
        dateStr = dateStr.substring(0, dateStr.indexOf("."));
    }
    var regExp = new RegExp("\\-", "gi");
    return new Date(dateStr.replace(regExp, "/"));
}

标签:总结,function,鼠标,mm,代码,status,dateStr,var,GJ
来源: https://blog.51cto.com/u_15078339/2869877