<div class="title">
    我的课程
</div>
<div class="tab">
    <div>
        <table class="table table-striped" id="mycourse">
            <!-- //bootstraptable动态赋值 -->
        </table>
    </div>
    <div style="text-align:right">
        <button id="deleteCourse" type="button" class="btn btn-danger" style="margin-left:15px"
            onclick="deleteCourse()">删除课程</button>
    </div>
</div>

<div class="title">
    学生名单
</div>
<div class="tab">
    <table class="table table-striped" id="students">
        <!-- //bootstraptable动态赋值 -->
    </table>
</div>
<!-- 设置baseurl -->
<script src="js/baseUrl.js"></script>
<script>
    $(function () {
        findcourse();
    })

    function deleteCourse() {
        var rows = $('#mycourse').bootstrapTable('getAllSelections');
        var ids = []; //用来存储id
        for (var i = 0; i < rows.length; i++) {
            ids.push(rows[i].courseID);
        }
        var data = {
            courseID: ids
        }
        if (rows.length != 0 && confirm("将会连带删除学生的课程，继续？")) {
            Ajaxrequest('tea', BaseUrl+'/courseDelete', 'post',
                JSON.stringify(data),
                function (data) {
                    findcourse();
                    toastr.success(data.msg);
                },
                function () {
                    toastr.error(data.msg)
                })
        } else {
            return false;
        }
    }
    //查询课程（表格部分）
    function findcourse() {
        Ajaxrequest('tea', BaseUrl+'/teacherCourse', 'post', null, function (data) {
                if (data.code === 0) {
                    //装载数据
                    $("#mycourse").bootstrapTable('load', data.data);
                } else {
                    toastr.error(data.msg)
                }
            },
            function () {
                toastr.error("拉取数据失败")
            })
    }
    //查询学生名单
    function findstudents(courseID) {
        var data = {
            courseID: courseID
        }
        Ajaxrequest('tea', BaseUrl+'/myStudents', 'post', JSON.stringify(data), function (data) {
                if (data.code === 0) {
                    //装载数据
                    $("#students").bootstrapTable('load', data.data);
                } else {
                    toastr.error(data.msg)
                }
            },
            function () {
                toastr.error("拉取数据失败")
            })
    }
    //表格绑定按钮和事件
    function addFunctionAlty(value, row, index) {
        return [
            '<button id="mystudents" type="button" class="btn btn-primary">查看学生名单</button>',
        ].join('');
    }
    window.operateEvents = {
        'click #mystudents': function (e, value, row, index) {
            findstudents(row.courseID);
        },
    }
    //初始化mycourse表格
    $("#mycourse").bootstrapTable({
        formatNoMatches: function () {
            return '未查询到数据';
        },
        onLoadError: function () {
            return '加载失败'
        },
        ajaxOptions: {
            async: true,
            timeout: 5000
        },
        sidePagination: "client", //分页
        showRefresh: true, //刷新功能
        clickToSelect: false, //选择行即选择checkbox
        cache: false,
        pagination: true, //启用分页
        pageCount: 10, //每页行数
        pageIndex: 0, //起始页
        pageList: [10, 25, 50, 100], //可供选择的每页的行数
        escape: true, //过滤危险字符
        showToggle: true,
        singleSelect: false,

        columns: [{
                checkbox: true
            },
            {
                title: '课程号',
                field: 'courseID',
                align: 'center',
                valign: 'middle',
            },
            {
                title: '课程名',
                field: 'courseName',
                align: 'center',
                valign: 'middle',
            },
            {
                title: '教室',
                field: 'roomID',
                align: 'center',
                valign: 'middle',
            },
            {
                title: '操作',
                field: 'OP',
                align: 'center',
                valign: 'middle',
                events: operateEvents, //给按钮注册事件
                formatter: addFunctionAlty //表格中增加按钮
            },
        ],
    });
    //初始化students
    $("#students").bootstrapTable({
        formatNoMatches: function () {
            return '未查询到数据';
        },
        onLoadError: function () {
            return '加载失败'
        },
        ajaxOptions: {
            async: true,
            timeout: 5000
        },
        sidePagination: "client", //分页
        showRefresh: true, //刷新功能
        clickToSelect: false, //选择行即选择checkbox
        cache: false,
        pagination: true, //启用分页
        pageCount: 10, //每页行数
        pageIndex: 0, //起始页
        pageList: [10, 25, 50, 100], //可供选择的每页的行数
        escape: true, //过滤危险字符
        showToggle: true,
        singleSelect: false,

        columns: [{
                title: '学号',
                field: 'stuID',
                align: 'center',
                valign: 'middle',
            },
            {
                title: '学生姓名',
                field: 'stuName',
                align: 'center',
                valign: 'middle',
            },
        ],
    });
</script>