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的时候,我们着重需要了解如何设置(自定义)分页组件,这个是我们页面布局的很重要一部分。
在编程的道路上,一往无前,埋头狂奔。
[奔跑的人生] | [segmentfault] | [spring4all] | [csdn] | [掘金] | [OSChina] | [简书] | [知乎] | [51CTO]
[奔跑的人生] | [segmentfault] | [spring4all] | [csdn] | [掘金] | [OSChina] | [简书] | [知乎] | [51CTO]