$(function () {
autoResize({ dataGrid: '#list1', gridType: 'datagrid', callback: grid.bind, height: 0 });
$('#a_add').click(CRUD.add);
$('#a_edit').click(CRUD.edit);
$('#a_delete').click(CRUD.del);
});
var grid = {
bind: function (winSize) {
$('#list1').datagrid({
url: '/demo/handler/ProductIn.ashx?action=GetMultiPage',
toolbar: '#toolbar',
title: "数据列表",
iconCls: 'icon icon-list',
width: winSize.width,
height: winSize.height,
nowrap: false, //折行
rownumbers: true, //行号
striped: true, //隔行变色
idField: 'ID', //主键
sortName: 'CREATEON',
sortOrder: 'desc',
singleSelect: true, //单选
frozenColumns: [[]],
columns: [[
{ title: '主键', field: 'ID', width: 120, hidden: true },
{ title: '入库单编码', field: 'CODE', width: 130 },
{ title: '入库日期', field: 'INDATE', width: 150 },
{ title: '入库类型', field: 'INTYPE', width: 100 },
{ title: '保管员', field: 'CUSTODIAN', width: 70 },
{ title: '品名', field: 'FULLNAME', width: 100 },
{ title: '数量', field: 'AMOUNT', width: 80 },
{ title: '单价', field: 'UNITPRICE', width: 150 }
]],
pagination: true,
pageSize: 5,
pageList: [5, 10, 20]
});
},
getSelectedRow: function () {
return $('#list1').datagrid('getSelected');
},
reload: function () {
$('#list1').datagrid('clearSelections').datagrid('reload', { filter: '' });
}
};
上面的代码，我们就实现了页面部分，现在我们来看下分页的代码，分页在我们框架中已经做了很完美的支持，可以通过多种方式，支持不同类型的数据库的分页实现，直接调用接口方法即可实现。我们看下上面的页面部分调用的ashx中的方法“/demo/handler/ProductIn.ashx?action=GetMultiPage”代码如下：
private string GetProductMultiPage()
{
var returnJson = "[]";
var managerMain = new CASE_PRODUCTIN_MAINManager(this.dbHelper, Utils.UserInfo);
var _pageindex = pageindex > 0 ? pageindex : 1;
var _pagesize = pagesize > 0 ? pagesize : 20;
int recordCount;
managerMain.CurrentTableName = @"(SELECT tab1.ID,tab1.CODE,tab1.INDATE,tab1.INTYPE,tab1.CUSTODIAN,tab1.CREATEON,tab2.FULLNAME,tab2.AMOUNT,tab2.UNITPRICE
FROM dbo.CASE_PRODUCTIN_MAIN tab1
INNER JOIN dbo.CASE_PRODUCTIN_DETAIL tab2
ON tab1.ID = tab2.CASE_PRODUCTIN_MAIN_ID) pageData";
managerMain.SelectField = "*";
var dtProductIn = managerMain.GetDTByPage(out recordCount, _pageindex, _pagesize, null, "CREATEON DESC");
if (dtProductIn != null && dtProductIn.Rows.Count > 0)
{
returnJson = JSONhelper.FormatJSONForEasyuiDataGrid(recordCount, dtProductIn);
}
return returnJson;
} 上面的代码可供开发者参考，这样不管你是多少表的关联查询，分页的问题都可以迎刃而解，WinForm的类似。
作者： EricHu
出处：
微博：
Email: 406590790@qq.com
QQ 交流：406590790
QQ群：16653241
平台博客：
【CSDN】
【CNBLOGS】
关于作者：高级工程师、信息系统项目管理师、DBA。专注于微软平台项目架构、管理和企业解决方案，多年项目开发与管理经验，曾多次组织并开发多个大型项目，精通DotNet，DB（SqlServer、Oracle等）技术。熟悉Java、Delhpi及Linux操作系统，有扎实的网络知识。在面向对象、面向服务以及数据库领域有一定的造诣。现从事DB管理与开发、WinForm、WCF、WebService、网页数据抓取以及ASP.NET等项目管理、开发、架构等工作。
如有问题或建议，请多多赐教！
本文版权归作者和CNBLOGS博客共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，如有问题，可以通过邮箱或QQ 联系我，非常感谢。
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
网页标题：RDIFramework.NET中多表关联查询分页实例-创新互联
本文路径：http://chengdu.cdxwcx.cn/article/dehcdd.html
UI上看不出什么，现在我们以代码说明如何实现，使用RDIFramework.NET实现上面的界面代码非常的简单，首先我们看下页面代码，代码如下：