easyUI+js下拉框切換數據表格

htmlhtml

<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>

jsdom

(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');        }}}});}
相關文章
相關標籤/搜索