jsp 页面选项卡

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="/WEB-INF/jsp/include/header.inc"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh-CN">
   <head>
       <title>新增资源</title>
       <style type="text/css">
           .radio.more_radio input[type="radio"]{
               margin-left:0;
               margin-top:4px;
           }
           input[type='checkbox']{
               float:left;margin-left:0;margin-top:4px;
           }
       </style>
       <script type="text/javascript">
           /* function gaib_1() {
               if($("#year").val().length>=4){
                   $("#month").focus();
               }
           }
           function gaib_2() {
               if($("#month").val().length>=2){
                   $("#day").focus();
               }
           }
              */
           $(function(){
               xmhdHistory_hide();
           });
           function addActivityss(){
               var Activity=$("#addActivityerd").val();
               var trsaNames=$("#trsaNames").val();
               var trsaTimes=$("#trsaTimes").val();
               if(Activity==null||Activity==""){
                   alert("请先保存学生信息");
                   return;
               }else if(trsaNames==null||trsaNames==""){
                   alert("请填写'活动/项目'名称");
                   return;
               }else if(trsaTimes==null||trsaTimes==""){
                   alert("请填写'活动/项目'时间");
                   return;
               }
               var params =$("#hdxmAddForm").serialize();
               url=contextPath+"/student/addActivityerd?stuId="+Activity;
               $.ajax({
                   // 后台处理程序
                   url : url,
                   // 数据发送方式
                   type : "post",
                   // 接受数据格式
                   dataType : "json",
                   // 要传递的数据
                   data : params,
                   // 回传函数
                   success : function(json){
                       sync_token_from_session(json.asyncTokenId);
                       if(json.jumpType){
                           alert("保存成功");
                           }
                       }
                   })
           }
           //项目活动历史查询
       function findPrograms(){
           $("#xmhdHistory").empty();
           $("#xmhdHistory_show").hide();
           $("#xmhdHistory_hide").show();
           var studentID=$("#addActivityerd").val();
           if(studentID==null || studentID==""){
               return "请先保存学生信息";
           }
           $.ajax({
               url:"<%=contextPath%>/student/findPrograms",
               type:"post",
               data:{"stuId":studentID},
               dataType:"json",
               success:function(json){
                       for(var i=0;i<json.length;i++){
                           var stra="";
                           var js=json[i];
                           var trsaStatus="";
                           if(js.trsaStatus==1){
                               trsaStatus="参加";
                           }if(js.trsaStatus==2){
                               trsaStatus="不参加";
                           }if(js.trsaStatus==3){
                               trsaStatus="考虑中";
                           }if(js.trsaStatus==4){
                               trsaStatus="未接通";
                           }
                           if(js.trsaRemark==null){
                              js.trsaRemark="";
                           }
                           stra += "<p><br/><label >项目/活动名称："+ js.trsaName+
                           "          项目/活动时间："+js.trsaTime+"</label>"+
                            "<label >联系情况："+trsaStatus+
                            "          项目/活动备注："+js.trsaRemark +"</label></p>" ;
                           $("#xmhdHistory").append(stra);
                       }
               }
           });
           $("#xmhdHistory").show();
       }
       function xmhdHistory_hide(){
           $("#xmhdHistory").empty();
           $("#xmhdHistory_show").show();
           $("#xmhdHistory_hide").hide();
       }
       </script>
   </head>
   <body class="bodycss">
       <div class="widget widget-tabs">
                           <div class="widget-body">
                                
                                <ul class="nav nav-tabs">
                                    <li class="active"><a href="#tab_2_1" data-toggle="tab" onclick="xyxx()">学生信息</a></li>
                                    <li><a href="#tab_2_2" data-toggle="tab" onclick="zxjl()">咨询记录</a></li>
                                    <li><a href="#tab_2_3" data-toggle="tab" onclick="xxqk()">学习情况</a></li>
                                    <li><a href="#tab_2_5" data-toggle="tab" onclick="ydxx()">营地信息</a></li>
                                    <li><a href="#tab_2_6" data-toggle="tab" onclick="hdxm()">活动/项目</a></li>
                                </ul>
                                
                                <div class="tab-content">
                                    
                                    <div class="tab-pane active" id="tab_2_1">
                                       <input type="hidden" id="studentID"/>
                                       <%@include file="includeStudent.jsp" %>
                                    </div>

                                    
                                    <div class="tab-pane" id="tab_2_2">
                                       <%@include file="includeConsultLog.jsp" %>
                                    </div>

                                    
                                    <div class="tab-pane" id="tab_2_3">
                                       <%@include file="includeStudy.jsp" %>
                                    </div>

                                    
                                    <div class="tab-pane" id="tab_2_5">
                                       <%@include file="includeCampsite.jsp" %>
                                    </div>
                                    
                                    <div class="tab-pane" id="tab_2_6">
                                       <%@include file="includeActivity.jsp" %>
                                    </div>
                                </div>
                            </div>
                        </div>
   </body>
   <script charset="utf-8" src="<%=cachePath%>/res/js/jquery-ui-1.11.4.custom/jquery-ui.js"></script>
   <script charset="utf-8" src="<%=cachePath%>/res/js/jsp/resource/addStudent.js"></script>
   <link rel="stylesheet" href="<%=cachePath%>/res/js/jquery-ui-1.11.4.custom/jquery-ui.css" type="text/css"></link>
</html>

秒客网

jsp 页面选项卡

相关文章