easyUI+js下拉框切换数据表格

html

<div style="float: left;">

   缴费范围： <select class="easyui-combobox" id="adminFlag" style="float: left;width: 150px;">
        <option value="">请选择</option>
        <option name="adminFlag" value="0">按年级</option>
        <option name="adminFlag" value="1">按班级</option>
        <option name="adminFlag" value="2">按个人</option>
    </select>
</div>

<div   style="display: block;width: 30%;height:800px;float:  left;border:1px solid #969696">
   <div id="jiaofei"class="easyui-panel" title="缴费范围" style="width:100%;">

    </div>

</div>

js

(function($) {
 var busMng = rmtCMHelper.createBusMngInst({
 busMngOptions: {

  grade: function () {
    var ctx = $("#ctx").val();
    var accountId = $("#accountId").val();
    var type = $('#adminFlag').combobox("getValue");
    $('#jiaofei').html('<table id ="dg" class="easyui-datagrid"></table>');
    if(type==0){
            var url = ctx + '/wisdom/gradeInfo/getGradeInfo.html';
            $('#dg').datagrid({
                url: url,
                width: "100%",
                height: "700px",
                striped: true,
                loadMsg: '正在加载年级的信息...',
                pagination: true,
                pageSize: 10,
                pageNumber: 1,
                pageList: [10, 20, 30],
                queryParams: {"accountId": accountId},
                columns: [[
                    {field: 'ck', checkbox: true, align: 'left', width: 50},
                    {field: 'id', width: 100, title: '年级编号'},
                    {field: 'gradeName', title: '年级名称', width: 100},
                ]]
            });
    }
    if(type==1){
        var url = ctx + '/wisdom/classInfo/getClassInFo.html';
        $('#dg').datagrid({
            url: url,
            width: "100%",
            height: "700px",
            striped: true,
            loadMsg: '正在加载班级的信息...',
            pagination: true,
            pageSize: 10,
            pageNumber: 1,
            pageList: [10, 20, 30],
            queryParams: {"accountId": accountId},
            columns: [[
                {field: 'ck', checkbox: true, align: 'left', width: 50},
                {field: 'id', width: 100, hidden: true},
                {field: 'gradeName', title: '年级名称', width: 80},
                {field: 'className', title: '班级名称', width: 80},
            ]]
        });
        }
        if(type==2){
            var url =null;
            $('#dg').datagrid({
                url:url,
                width: "100%",
                height: '400px',
                striped: true,
                loadMsg: '正在加载学生的信息...',
                pagination: true,
                columns: [[
                    {field: 'ck', width: 50,align: 'center',checkbox: true},
                    {field: 'gradeId', width: 50,align: 'center',  title: '年级编号'},
                    {field: 'gradeName', width:50,align: 'center',  title: '年级'},
                    {field: 'classId', width: 50,align: 'center',  title: '班级编号'},
                    {field: 'className', width: 50,align: 'center',  title: '班级'},
                    {field: 'studentNo',width: 50, align: 'center', title: '学号'},
                    {field: 'studentName',width: 50,align: 'center',  title: '姓名'},
                ]]
            });
            $('#selectStudent').window({
                width: 900,
                height: 450,
                title: '查找学生',
                minimizable: false,
                maximizable: false,
                collapsible: false,
                modal: true
            });
            $('#selectStudent').window('open');
        }
}
}
});
}