Jquery EasyUI使用总结（一）

1，弹出Iframe,新窗口

//打开编辑页面要加载的数据
function ShowDialog(id, url, width, height, onLoadFunc) {
    $("#" + id).html("<iframe scrolling='auto' id='openXXXIframe_" + id + "' frameborder='0'  src='" + url + "' style='width:100%;height:100%;'></iframe>")
    $('#divAddOrEdit').window({
        width: width,
        height: height,
        modal: true,
        closed: false,
        iconCls: 'icon-save',
        onLoad: function () {
        }
    });
    $('#' + id).window('open');
}

2，下拉表格combogrid

//初始化科室列表
function InitDeptListChooseCombbox(id) {
    $('#' + id).combogrid({
        url: "../../AjaxCall/GetSystemManageDataHandler.ashx", //数据来源
        panelWidth: 250,
        idField: 'dept_code', //标识字段,主键
        textField: 'dept_name', //显示的字段
        queryParams: { "currentlist": "deptlist" },
        showHeader: false,
        columns: [[
                    { title: "科室名称", field: 'dept_name', width: 150, sortable: true },
                    { title: '科室代码', field: 'dept_code', width: 50, align: 'left', sortable: true }
                ]],
        pagination: true, //是否分页
        pageSize: 10, //每页显示的记录条数，默认为10
        method: 'post'
    });
    var pager = $('#' + id).combogrid('grid').datagrid('getPager');
    pager.pagination({
        showPageList: false,
        showRefresh: false,
        displayMsg: "",
        beforePageText: "第",
        afterPageText: "页"
    });
}

在使用Combogrid的时候，我们着重需要了解如何设置（自定义）分页组件，这个是我们页面布局的很重要一部分。