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

---

• 根据下拉条件，进行查询，展示出不同的表单选项；并在鼠标进入到指定区域时显示部分内容，鼠标移出内容区域时，隐藏内容。
• 焦点移出时进行正则校验。
• 操作栏，根据某一数据状态显示或隐藏链接。
• 按钮显示隐藏代码：
• 将日期字符串转换为Date，字符串格式为（yyyy-mm-dd hh:mm:ss）

功能描述：

根据下拉条件，进行查询，展示出不同的表单选项；并在鼠标进入到指定区域时显示部分内容，鼠标移出内容区域时，隐藏内容。

//根据下拉选项的不同，展示不同的内容。
//下拉选项的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, "/"));
}