前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Jquery EasyUI使用总结(一)

Jquery EasyUI使用总结(一)

作者头像
Isaac Zhang
发布2019-09-11 17:02:02
4210
发布2019-09-11 17:02:02
举报
文章被收录于专栏:奔跑的人生奔跑的人生

1,弹出Iframe,新窗口

代码语言:javascript
复制
//打开编辑页面要加载的数据
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

代码语言:javascript
复制
//初始化科室列表
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的时候,我们着重需要了解如何设置(自定义)分页组件,这个是我们页面布局的很重要一部分。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2013-11-29 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档