RDIFramework.NET中多表关联查询的分页实例

RDIFramework.NET，基于.NET的快速信息化系统开发、整合框架，给用户和开发者最佳的.Net框架部署方案。该框架以SOA范式作为指导思想，作为异质系统整合与互操作性、分布式应用提供了可行的解决方案。

分页非常的常见，基本任何项目都会涉及到分页，这没什么好谈的，大多数我们分页对单表的分页比较多，对多表的分页我们可以通过视图来实现，当然还有其他的方式，在这儿，我以一个实例展示下使用我们的RDIFramework.NET来实现多表联合查询分页的实现，我以Web的形式展示，WinForm方法一样，分页后的界面如下图所示：

UI上看不出什么，现在我们以代码说明如何实现，使用RDIFramework.NET实现上面的界面代码非常的简单，首先我们看下页面代码，代码如下：

<%@ Page Language="C#" MasterPageFile="~/Site.Master"  AutoEventWireup="true" CodeBehind="ProductInMuliPage.aspx.cs" Inherits="RDIFramework.WebApp.demo.ProductInMuliPage" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div id="toolbar">
        <a id="a_add" style="float:left" href="javascript:;" plain="true" class="easyui-linkbutton" icon="icon-add" title="新增">新增</a>
        <div class='datagrid-btn-separator'>
        </div>
        <a id="a_edit" style="float:left" href="javascript:;" plain="true" class="easyui-linkbutton" icon="icon-pencil" title="修改">修改</a>
        <div class='datagrid-btn-separator'></div>
        <a id="a_delete" style="float:left" href="javascript:;" plain="true" class="easyui-linkbutton" icon="icon-delete" title="删除">删除</a>
    </div>  

     <table id="list1"></table>
    <script type="text/javascript">
        $(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: '' });
            }
        };
    </script>
</asp:Content>

本栏目更多精彩内容：http://www.bianceng.cnhttp://www.bianceng.cn/Programming/net/

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索datagrid
， 代码
， function
， 多表关联
， width
， title
， field
， 分页关联
， 分页代码实例
， 多表视图
， 多表联合更新
， Intype
， autoresizing
分页实例
，以便于您获取更多的相关知识。