码迷，mamicode.com
首页 > 其他好文 > 详细

总结：教务项目

时间：2019-12-27 18:05:43      阅读：84      评论：0      收藏：0      [点我收藏+]

标签：验证   ext   selected   keycode   sibling   EDA   科学   bin   state   

2019.12.19

实现功能：给年级、班级设置学分，再给年级添加学分时，优先默认学科学分，已有年级下的学分不变；

　　　　　修改年级学分，班级学分也跟着变化；

　　　　   修改班级学分不影响其他的学分。

 

遇到的困难：

<form id="myFormOpenSave">
<div class="<#if state?default(‘1‘)==‘1‘>col-sm-6<#else>col-sm-7</#if>">
    <h3>必修课</h3>
    <table class="table table-bordered table-striped table-hover" id="subTable">
        <thead>
            <tr>
                <th>序<br>号</th>
                <th style="width:90px">课程</th>
                <th>所属学科</th>
                <#if state?default(‘1‘) == ‘2‘>
                    <th style="width:20px">课时</th>
                    <th rowspan="2" style="width:40px">是否教<br>学班教学</th>
                    <th rowspan="2" style="width:60px">是否考勤</th>
                    <th>单双周</th>
                    <th style="width:30px">学分</th>
                <#else>
                    <th>是否教学班教学</th>
                    <th style="width:40px">学分<br>(Enter保存)</th>
                </#if>
                <th >操作</th>
            </tr>
        </thead>
        <tbody>
                <#if requiredCourseList?exists && (requiredCourseList?size>0)>
                    <#list requiredCourseList as item>
                            <tr>
                                <input type="hidden" value="${item.id}" name="requiredCourseList[${item_index}].id">
                                <td>${item_index + 1}</td>
                                <td>${item.subjectName}</td>
                                <td>${item.belongToSubjectName!}</td>
                                <#if state?default(‘1‘) == ‘2‘>
                                    <td><input style="width:40px" class="other" maxlength="3"  name="requiredCourseList[${item_index}].courseHour"  value="${item.courseHour!}"></td>
                                    <td>
                                        <label class="pos-rel confirm">
                                            <input type="radio" class="wp" <#if item.isTeaCls?default(0) == 1>checked="true"</#if> <#if item.subjectType?default(‘1‘)==‘3‘>disabled</#if>  name="requiredCourseList[${item_index}].isTeaCls" value="1">
                                            <span class="lbl"> 是</span>
                                        </label>
                                        <label class="pos-rel">
                                           <input type="radio" class="wp" <#if item.isTeaCls?default(0) == 0>checked="true"</#if> name="requiredCourseList[${item_index}].isTeaCls" value="0">
                                           <span class="lbl"> 否</span>
                                        </label>
                                    </td>
                                    <td>
                                        <label class="pos-rel">
                                            <input type="radio" class="wp" <#if item.punchCard?default(0) == 1>checked="true"</#if>  name="requiredCourseList[${item_index}].punchCard" value="1">
                                              <span class="lbl"> 是</span>
                                        </label>
                                        <label class="pos-rel">
                                           <input type="radio" class="wp" <#if item.punchCard?default(0) == 0>checked="true"</#if> name="requiredCourseList[${item_index}].punchCard" value="0">
                                           <span class="lbl"> 否</span>
                                        </label>
                                    </td>
                                    <td>
                                        <select class="form-control" name="requiredCourseList[${item_index}].weekType">
                                            <option value="3" <#if item.weekType?default(3)==3>selected="selected"</#if>>正常</option>
                                            <option value="1" <#if item.weekType?default(3)==1>selected="selected"</#if>>单周</option>
                                            <option value="2" <#if item.weekType?default(3)==2>selected="selected"</#if>>双周</option>
                                        </select>
                                    </td>
                                    <td>
                                        <div class="form-number form-number-sm credit-number" data-step="1" >
                                            <input type="text" name="requiredCourseList[${item_index}].credit" class="form-control credit" maxlength="2" value="${item.credit?default(0)}" onblur="checkCredit()" />
                                            <div class="btn btn-sm btn-default btn-block form-number-add"><i class="fa fa-angle-up"></i></div>
                                            <div class="btn btn-sm btn-default btn-block form-number-sub"><i class="fa fa-angle-down"></i></div>
                                        </div>
                                    </td>
                                <#else>    
                                    <td>
                                        <label class="pos-rel confirm">
                                            <input type="radio" class="wp" <#if item.isTeaCls?default(0) == 1>checked="true"</#if> <#if item.subjectType?default(‘1‘)==‘3‘>disabled</#if>  name="requiredCourseList[${item_index}].isTeaCls" value="1" onChange="changeTeaCls(‘${item.id!}‘,1,this);">
                                            <span class="lbl"> 是</span>
                                        </label>
                                        <label class="pos-rel">
                                           <input type="radio" class="wp" <#if item.isTeaCls?default(0) == 0>checked="true"</#if> name="requiredCourseList[${item_index}].isTeaCls" value="0" onChange="changeTeaCls(‘${item.id!}‘,0,this);">
                                           <span class="lbl"> 否</span>
                                        </label>
                                    </td>
                                    <td>
                                        <#--<div class="form-number form-number-sm credit-number" data-step="1" >-->
                                            <input type="text" name="requiredCourseList[${item_index}].credit" id="credit${item_index}" class="form-control credit" maxlength="2" value="${item.credit?default(0)}" onkeydown="changeCredit(‘${item.id}‘,‘${item_index}‘,‘${item.isTeaCls!}‘,this)"/>
                                            <#--<div class="btn btn-sm btn-default btn-block form-number-add"><i class="fa fa-angle-up"></i></div>
                                            <div class="btn btn-sm btn-default btn-block form-number-sub"><i class="fa fa-angle-down"></i></div>-->
                                        <#--</div>-->
                                    </td>
                                </#if>
                                <td>
                                    <a href="javascript:" class="table-btn js-del" onclick="deleteClassTeaching(‘${item.id!}‘)">删除</a>
                                </td>
                            </tr>
                    </#list>
                </#if>
                
            </tbody>
        </table>
    </div>
    <div class="<#if state?default(‘1‘)==‘1‘>col-sm-6<#else>col-sm-5</#if>">
        <h3>选修课</h3>
        <table class="table table-bordered table-striped table-hover" id="xSubTable">
            <thead>
                <tr>
                    <th>序号</th>
                    <th style="width:120px">课程</th>
                    <th>所属学科</th>
                    <#if state?default(‘1‘) == ‘2‘>
                        <th style="width:40px">课时</th>
                    </#if>
                    <th style="width:90px">学分</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody>
                <#if optionaldCourseList?exists && (optionaldCourseList?size>0)>
                    <#list optionaldCourseList as item>
                        <tr>
                            <input type="hidden" value="${item.id}" name="optionaldCourseList[${item_index}].id">
                            <td>${item_index + 1}</td>
                            <td>${item.subjectName}</td>
                            <td>${item.belongToSubjectName!}</td>
                            <#if state?default(‘1‘) == ‘2‘>
                                <td><input style="width:40px" <#if item.isDeleted == 1>disabled="disabled"</#if> class="other" maxlength="3" name="optionaldCourseList[${item_index}].courseHour" value="${item.courseHour!}"></td>
                                <td>
                                    <div class="form-number form-number-sm xCredit-number" data-step="1" >
                                        <input type="text" name="optionaldCourseList[${item_index}].credit" class="form-control xCredit" maxlength="2" value="${item.credit?default(0)}" onblur="checkCredit()" />
                                        <div class="btn btn-sm btn-default btn-block form-number-add"><i class="fa fa-angle-up"></i></div>
                                        <div class="btn btn-sm btn-default btn-block form-number-sub"><i class="fa fa-angle-down"></i></div>
                                    </div>
                                </td>
                            <#else>
                            <td>
                                <input type="text" name="optionaldCourseList[${item_index}].credit" id="xCredit${item_index}" class="form-control xCredit" maxlength="2" value="${item.credit?default(0)}" onkeydown="changeXcredit(‘${item.id}‘,‘${item_index}‘,this)"/>
                            </td>
                            </#if>
                            <td>
                                <a href="javascript:" class="table-btn js-del" onclick="deleteClassTeaching(‘${item.id!}‘)">删除</a>
                            </td>
                        </tr>
                    </#list>
                </#if>
            </tbody>
        </table>
    </div>
</form>

 

　　1、回车 == 保存 && 取消回车聚焦　　　　

function changeCredit(gradeTeachingId,num,isTeaCls,obj) {
    var theEvent = window.event || gradeTeachingId;
    var code = theEvent.keyCode || theEvent.which;
    if (code==13) {  //回车键的键值为13
        // 验证
        var isSubmit=false;
        var f=false;
        if(isSubmit){
            return;
        }
        $(".credit").each(function () {
            var credit=$(this).val();
            if(credit!=""){
                if (!/^\d+$/.test(credit)){
                    f=true;
                    layer.tips("格式不正确(最多2位整数)！",$(this), {
                        tipsMore: true,
                        tips: 3
                    });
                    return false;
                }
            }
        });
        if(f){
            isSubmit=false;
            return;
        }

        var credit = $("#credit"+num).val();
        // 取消回车聚焦
        obj.blur();
        $.ajax({
            url:"${request.contextPath}/basedata/courseopen/changeGradeCredit",
            data:{"gradeTeachingId":gradeTeachingId,"credit":credit,"isTeaCls":isTeaCls},
            dataType:"json",
            success:function (data) {
               // $(obj).unbind("blur");
                if(data.success){
                    layer.msg(data.msg, {offset: ‘t‘,time: 2000});
                }else{
                    layerTipMsg(data.success,"操作失败",data.msg);
                }
            }
        })
    }
}

　　

 

 

　　　2、　技术图片 按钮上下+1、-1；取消聚焦就校验值； 以及处理在别的框里输入enter，最上面的框会出现+1的问题

 

 

　　

var opoNum=0;
$(function () {
    //数字增加以及减少
    $("#subTable").on(‘click‘,‘.form-number > div‘,function(e){
        e.preventDefault();
        var $num = $(this).siblings(‘.form-control‘);
        var val = $num.val();
        if (!val ) val = 0;
        var num = parseInt(val);
        var step = $num.parent(‘.form-number‘).attr(‘data-step‘);
        if (step === undefined) {
            step = 1;
        } else{
            step = parseInt(step);
        }
        if ($(this).hasClass(‘form-number-add‘)) {
            num += step;
            if (num >= 99) num = 99;
        } else{
            num -= step;
            if (num <= 0) num = 0;
        }
        opoNum++;
        $num.val(num);
    });
})


//var opoNum=0;
$(function () {
    //数字增加以及减少
    $("#xSubTable").on(‘click‘,‘.form-number > div‘,function(e){
        e.preventDefault();
        var $num = $(this).siblings(‘.form-control‘);
        var val = $num.val();
        if (!val ) val = 0;
        var num = parseInt(val);
        var step = $num.parent(‘.form-number‘).attr(‘data-step‘);
        if (step === undefined) {
            step = 1;
        } else{
            step = parseInt(step);
        }
        if ($(this).hasClass(‘form-number-add‘)) {
            num += step;
            if (num >= 99) num = 99;
        } else{
            num -= step;
            if (num <= 0) num = 0;
        }
        opoNum++;
        $num.val(num);
    });
})

总结：教务项目

标签：验证   ext   selected   keycode   sibling   EDA   科学   bin   state   

原文地址：https://www.cnblogs.com/timingss/p/12108626.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！