zoukankan      html  css  js  c++  java
  • 记录

    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <title>课程表</title>
    </head>
    <link rel="stylesheet" type="text/css" href="${StaticResourceContextPath}/lib/bootstrap/3.3.6/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css"
    href="${StaticResourceContextPath}/lib/jstree/3.2.1/dist/themes/default/style.min.css">
    <link rel="stylesheet" type="text/css"
    href="${StaticResourceContextPath}/lib/bootstrap-datetimepicker/default/css/bootstrap-datetimepicker.css">
    <link rel="stylesheet" type="text/css" href="${StaticResourceContextPath}/school/attendance/css/index.css">
    <link rel="stylesheet" type="text/css" href="${StaticResourceContextPath}/school/attendance/css/course.css">
    <body class="page-header-fixed">
    <%--start second tree--%>
    <div class="second-trees">
    <div class="second-trees-header">班级栏</div>
    <div id="second-tree" class="T30"></div>
    </div>
    <%--end second tree--%>
    <%--start right_pannel--%>
    <div class="right-pannel">
    <%--start right-pannel-header--%>
    <div class="right-pannel-header">
    <input type="button" value="添加课程" id="add_course">
    </div>
    <%--end right-pannel-header--%>
    <div class="right-pannel-body">
    <div style="margin-top:40px; margin-left:80px; height:99%;">
    <span>2015-2016下学期&nbsp;&nbsp;第
    <select id="course-option" onChange="display('parent',this,0)">
    <option id="1">1</option>
    <option id="2">2</option>
    <option id="3">3</option>
    <option id="4">4</option>
    <option id="5">5</option>
    <option id="6">6</option>
    <option id="7">7</option>
    </select>
    周</span>
    <input type="button" value="查询" style=" 60px;height: 25px;" id="search">
    <ul style="height: 30px;margin-top: 10px;">
    <li style="height: 40px">节次星期</li>
    <li style="height: 40px">星期一</li>
    <li style="height: 40px">星期二</li>
    <li style="height: 40px">星期三</li>
    <li style="height: 40px">星期四</li>
    <li style="height: 40px">星期五</li>
    <li style="height: 40px">星期六</li>
    <li style="height: 40px" class="border-r">星期日</li>
    </ul>
    <ul name="point1">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li class="border-r"></li>
    </ul>
    <ul name="point2">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li class="border-r"></li>
    </ul>
    <ul name="point3">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li class="border-r"></li>
    </ul>
    <ul name="point4">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li class="border-r"></li>
    </ul>
    <ul style="height: 30px;">
    <li style="height: 40px;"></li>
    <li style="height: 40px;">午休</li>
    <li style="height: 40px;">午休</li>
    <li style="height: 40px;">午休</li>
    <li style="height: 40px;">午休</li>
    <li style="height: 40px;">午休</li>
    <li style="height: 40px;">午休</li>
    <li style="height: 40px;" class="border-r">午休</li>
    </ul>
    <ul name="point5">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li class="border-r"></li>
    </ul>
    <ul name="point6">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li class="border-r"></li>
    </ul>
    <ul name="point7">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li class="border-r"></li>
    </ul>
    <ul name="point8">
    <li class="border-b"></li>
    <li class="border-b"></li>
    <li class="border-b"></li>
    <li class="border-b"></li>
    <li class="border-b"></li>
    <li class="border-b"></li>
    <li class="border-b"></li>
    <li class="border-l"></li>
    </ul>
    <ul name="point9">
    <li class="border-b"></li>
    <li class="border-b"></li>
    <li class="border-b"></li>
    <li class="border-b"></li>
    <li class="border-b"></li>
    <li class="border-b"></li>
    <li class="border-b"></li>
    <li class="border-l"></li>
    </ul>
    <ul name="point10">
    <li class="border-b"></li>
    <li class="border-b"></li>
    <li class="border-b"></li>
    <li class="border-b"></li>
    <li class="border-b"></li>
    <li class="border-b"></li>
    <li class="border-b"></li>
    <li class="border-l"></li>
    </ul>
    </div>
    </div>
    </div>
    <%--end right_pannel--%>
    </body>
    <script type="text/javascript" src="${StaticResourceContextPath}/lib/jquery/2.1.1/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="${StaticResourceContextPath}/lib/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="${StaticResourceContextPath}/lib/jstree/3.2.1/dist/jstree.min.js"></script>
    <script type="text/javascript"
    src="${StaticResourceContextPath}/lib/bootstrap-datetimepicker/default/js/bootstrap-datetimepicker.js"></script>
    <script type="text/javascript" src="${StaticResourceContextPath}/school/attendance/js/course_json.js"></script>
    <script type="text/javascript" src="${StaticResourceContextPath}/school/attendance/js/public.js"></script>
    <script>
    $(function () {
    /*定义body-pannel高度*/
    var body_pannel = window.screen.availHeight - 120;
    var right_pannel_width = window.screen.availWidth - 360;

    $('.second-trees').css({height: body_pannel});
    $('.right-pannel').css({ right_pannel_width});

    var ip = '<%=request.getServerName()%>';
    var port = '<%=request.getServerPort()%>';
    var url = "http://" + ip + ":" + port;

    $('#add_course').click(function () {
    var pk_calender= window.localStorage.getItem(school.common.pk_calender);//校历
    var wholeMonday = window.localStorage.getItem(school.common.wholeMonday);//周一的日期
    var pk_deptdoc = window.sessionStorage.getItem(school.common.pk_deptdoc);//班级pk
    var mondayDays = window.localStorage.getItem(school.common.totalWeeks);//获取周一的总共天数
    var convertMonday = JSON.parse(wholeMonday);//周一的日期,数组
    // alert(convertMonday);
    // var param = [];
    // convertMonday.forEach(function(everyMonday,i){
    // var obj ={};
    // obj.pk_deptdoc = pk_deptdoc;
    // obj.pk_calender = pk_calender;
    // obj.startScheme_date = everyMonday;
    // param.push(obj);
    // });
    var obj ={};
    obj.pk_deptdoc = pk_deptdoc;
    obj.pk_calender = pk_calender;
    obj.startScheme_date = everyMonday;
    //alert(JSON.stringify(param));
    $.ajax({
    type: 'post',
    url: url + '/root/api/getSchema',
    contentType: "application/json;charset=UTF-8",
    //dataType: "json",
    data: obj,
    success: function (data) {
    alert(data);
    },
    error: function () {
    alert("添加失败!");
    }
    });

    });
    });

    /*jstree define*/
    initNavigation($("#teachercode", window.parent.document).html());
    function initNavigation(userCode) {
    //初始化导航树
    var ip = '<%=request.getServerName()%>';
    var port = '<%=request.getServerPort()%>';
    var url = "http://" + ip + ":" + port;
    $.get(url + "/root/api/class",
    {
    user_code: userCode
    },
    function (data) //回传函数
    {
    $('#second-tree').jstree("destroy");
    var treeChildrenData = listToTree(data);
    var treeData = [{
    "id": "#",
    "text": "",
    "children": treeChildrenData,
    "state": {
    "opened": true
    }
    }];

    $('#second-tree').jstree({
    "core": {
    "check_callback": true,
    "themes": {
    "responsive": true
    },
    'strings': {
    'Loading ...': '加载中 ...'
    },
    animation: 200,
    "multiple": false,
    'data': treeData
    }
    });
    $('#second-tree').on('select_node.jstree', function (e, data) {
    var pk_deptdoc = data.node.original.pk_deptdoc;//班级pk
    window.sessionStorage.setItem(school.common.pk_deptdoc,pk_deptdoc);
    //对选中的节点进行操作
    });
    }
    );
    }

    /**
    * @author andyzhao
    * list转化为tree
    * @param data
    * @param selectedID 当存在selectID时,默认选中id为selectID的节点
    * @returns {Array}
    */
    function listToTree(data, selectedID) {
    var result = [];
    $.each(data, function (n, e) {
    var cc = [];
    if (e.children != null) {
    cc = listToTree(e.children, selectedID);
    }
    var isChecked = false;
    if (e.isChecked == "true") {
    isChecked = true;
    }
    if (e.id == selectedID) {
    isChecked = true;
    }

    e.children = cc;
    //e.icon = "fa fa-folder icon-state-default";
    e.state = {
    "opened": true,
    //"selected": isChecked
    };

    result.push(convertItem(e));
    });
    return result;
    }

    function convertItem(o) {
    o.id = o.deptcode;
    o.text = o.deptname;
    return o;
    }

    /*course js*/
    // $(document).ready(function () {
    // $('#search').bind('click', function () {
    // var option_value = document.getElementById('course-option').value;
    // $.each(DataSource, function (i, n) {
    // if (option_value == n.id) {
    // $.each(n.data, function (j, m) {
    // $.each(m.course, function (k, p) {
    // $("ul[name='point" + p.pointName + "'] li").eq(0).html("<span>第" + p.pointName + "节<br/>(" + p.pointTime + ")</span>");//填充节次
    // $("ul[name='point" + p.pointName + "'] li").eq(m.weekday).html("<span>" + p.courseName + "<br/>" + p.teacherName + "<br/>" + p.address + "</span>");//填充当前老师,课程,听课群组信息
    // $("ul[name='point" + p.pointName + "'] li").eq(m.weekday).dblclick(function () {
    // location.href = "edit_course_info.jsp";
    // });//点击某个td打开另外一个界面
    // });
    // });
    // }
    // });
    // });
    // });

    /*获取相应的周数*/
    // function display(optionID) {
    // var all_options = document.getElementById('course-option').options;
    // for (var i = 0; i < all_options.length; i++) {
    // if (all_options[i].id == optionID) {
    // all_options[i].selected = true;
    // }
    // }
    // }
    // display(2);


    var ip = '<%=request.getServerName()%>';
    var port = '<%=request.getServerPort()%>';
    var url = "http://" + ip + ":" + port;

    $('#add_course').click(function () {
    var pk_calender= window.localStorage.getItem(school.common.pk_calender);//校历
    var wholeMonday = window.localStorage.getItem(school.common.wholeMonday);//周一的日期
    var pk_deptdoc = window.sessionStorage.getItem(school.common.pk_deptdoc);//班级pk
    var mondayDays = window.localStorage.getItem(school.common.totalWeeks);//获取周一的总共天数
    var convertMonday = JSON.parse(wholeMonday);//周一的日期,数组




    // alert(convertMonday);
    // var param = [];
    // convertMonday.forEach(function(everyMonday,i){
    // var obj ={};
    // obj.pk_deptdoc = pk_deptdoc;
    // obj.pk_calender = pk_calender;
    // obj.startScheme_date = everyMonday;
    // param.push(obj);
    // });
    var obj ={};
    obj.pk_deptdoc = pk_deptdoc;
    obj.pk_calender = pk_calender;
    obj.startScheme_date = everyMonday;
    //alert(JSON.stringify(param));
    $.ajax({
    type: 'post',
    url: url + '/root/api/getSchema',
    contentType: "application/json;charset=UTF-8",
    //dataType: "json",
    data: obj,
    success: function (data) {
    alert(data);
    },
    error: function () {
    alert("添加失败!");
    }
    });

    });
    </script>
    </html>
  • 相关阅读:
    Ajax学习笔记2客户端访问WebService(上)
    在 .NET Framework 2.0 中未处理的异常导致基于 ASP.NET 的应用程序意外退出(我加了点注释)
    想用JS写一段鼠标拖拽调整图片大小的代码(未完)
    key/value/index 类型定义for .net
    ReadOnly属性对TEXTBOX的状态保存有影响?
    软件开发工具名称集锦(无下载地址,收集中...)
    AjaxPro让.NET的AjaxPro变得简单
    Ajax学习笔记(15):使用ASP.NET AJAX提供的Authentication Service
    在.NET中使用Newtonsoft.Json转换,读取,写入
    Orcale的 rownum
  • 原文地址:https://www.cnblogs.com/qiuchunxia/p/6287405.html
Copyright © 2011-2022 走看看