Asp.Net MVC EasyUI DataGrid查询分页

function doSearch() {
       //查询方法
        var searchValue = $(‘#txtQueryTC001‘).textbox(‘getText‘);
        $(‘#dgCMSTC‘).datagrid(‘options‘).queryParams = { condition: searchValue };
        //initDataGrid(searchValue);
        $.ajax({
            type: ‘post‘,
            url: ‘/CMSTC/GetJson‘,
            data: ‘condition=‘ + searchValue,
            dataType: ‘json‘,
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                $.messager.alert("查询数据", "发生错误!" + errorThrown, "error");
            },
            success: function (data) {
                console.info(data);
                //$.messager.alert(‘数据‘, JSON.stringify(data), ‘info‘);
                $(‘#dgCMSTC‘).datagrid(‘load‘, []);
                $(‘#dgCMSTC‘).datagrid(‘load‘, data);

                //initDataGrid(searchValue);
            }
        });
    }

$(function () {
        //初始化datagrid
        $(‘#dgCMSTC‘).datagrid({
            method: ‘post‘,
            url: ‘/CMSTC/GetJson‘,
            singleSelect: true,
            fit: true,
            border: true,
            pagination: true,
            pageSize: 20,
            queryParams: { condition: ‘‘ },
            columns: [[
                    { field: ‘TC001‘, title: ‘仓库编号‘, width: 100 },
                    { field: ‘TC002‘, title: ‘仓库名称‘, width: 100 },
                    { field: ‘TC003‘, title: ‘仓库电话‘, width: 100 },
                    { field: ‘CREATOR‘, title: ‘创建者‘, width: 100 },
                    { field: ‘CREATE_DATE‘, title: ‘创建日期‘, width: 100 },
                    { field: ‘MODIFIER‘, title: ‘修改者‘, width: 100 },
                    { field: ‘MODI_DATE‘, title: ‘修改日期‘, width: 100 }
                ]],
            toolbar: ‘#toolQuery‘,
            onLoadSuccess: function (data) {
                if (data.total > 0) {
                    $(‘#dgCMSTC‘).datagrid(‘selectRow‘, 0);
                }
            }
        });
});

<a id="btnSearch" href="#" class="easyui-linkbutton" iconcls="icon-search" plain="true" onclick="doSearch();">Search</a>

后台代码:

public JsonResult GetJson()
        {
            using (var myDb = new studydb<CMSTC>(strConn))
            {
                string strCondition = Request.Form["condition"];
                int page = 1;
                int rows = 20;
                List<CMSTC> myCMSTC;
                List<CMSTC> myCMSTCPAGE;
                if (Request.Form["page"]!=null) {
                    page = Convert.ToInt32(Request.Form["page"].ToString());
                }
                if (Request.Form["rows"] != null)
                {
                    rows = Convert.ToInt32(Request.Form["rows"].ToString());
                }
                if (string.IsNullOrEmpty(strCondition))
                {
                    myCMSTC = myDb.CMSTC.ToList();       //查询数据都是正确的
                    myCMSTCPAGE = myDb.CMSTC.OrderBy(i => i.TC001).Skip((page - 1) * rows).Take(rows).ToList();
                }
                else
                {
                     myCMSTC = myDb.CMSTC.Where(p => p.TC001.Contains(strCondition) || p.TC002.Contains(strCondition)).ToList();       //查询数据都是正确的
                     myCMSTCPAGE = myDb.CMSTC.OrderBy(i => i.TC001).Where(p => p.TC001.Contains(strCondition) || p.TC002.Contains(strCondition)).Skip((page - 1) * rows).Take(rows).ToList();
                }
                return Json(new { total = myCMSTC.Count, rows = myCMSTCPAGE }, JsonRequestBehavior.AllowGet);

            }
        }

我在webform里都是这样写的,但是换到mvc里就有问题了,主要是查询完了加载本地数据的地候,主要是这句:
$(‘#dgCMSTC‘).datagrid(‘load‘, []);
 $(‘#dgCMSTC‘).datagrid(‘load‘, data);

时间: 2024-07-30 17:08:06

Asp.Net MVC EasyUI DataGrid查询分页的相关文章

asp.net mvc easyui datagrid分页

提到 asp.net mvc 中的分页,很多是在用aspnetpager,和easyui datagrid结合的分页却不多,本文介绍的是利用easyui 中默认的分页控件,实现asp.net mvc分页. easyui datagrid分页要求数据采用的格式 :{total:2,row:[]}, 在asp.net mvc 中服务器端只要返回这符合这样格式的json数据就好. 页面前端: 服务器端: 附带asp.net 结合 easyui 增删改查的例子: asp.net mvc easyui d

asp.net mvc +easyui 实现权限管理(二)

一写完后,好久没有继续写了.最近公司又在重新开发权限系统了,但是由于我人微言轻,无法阻止他们设计一个太监版的权限系统.想想确实是官大一级压死人啊, 没办法我只好不参与了 让他们去折腾. 我就大概说一下公司目前在做的权限系统,各位看官给点评价. 设计总体要求: (注:项目名称为 统一权限管理系统) 1.做一个通用权限系统. 2.权限设计按照角色设置. 3.提供统一权限接口 以上就是整体要求,解释一下, 我们的通用是指的以后每开发一套新系统,只需要在统一权限管理系统中进行相应的配置就好了,无需再去开

ASP.NET MVC +EasyUI 权限设计(二)环境搭建

请注明转载地址:http://www.cnblogs.com/arhat 今天突然发现博客园出问题了,老魏使用了PC,手机,平板都访问博客园了,都是不能正常的访问,原因是不能加载CSS,也就是不能访问common.cnblogs.com这个域名,一直出现"Aborted",非常的郁闷. 页面就是这样子的,不知道为什么,难道是不是我的3个终端有问题吧,还是园子的服务器有问题呢?还是路由器的问题呢?到现在这个问题还没解决,郁闷死了!弄得心情非常的不爽. 好吧,不在说这个问题了,开始我们的正

在 asp.net mvc中的简单分页算法

//第一步:建立如下分页实体类:namespace MVCPager.Helpers { /// <summary> /// 简单分页算法类 /// </summary> public class Pager { public int RecordCount { get; set; } public int PageIndex { get; set; } public int PageSize { get; set; } public int PageCount { get { r

ASP.NET MVC +EasyUI 权限设计(一)开篇

在前一段时间中,老魏的确非常的忙碌,Blog基本上没有更新了,非常的抱歉,那么在后面的时间中,老魏会尽量的抽时间来写的,可能时间上就不太富裕了.今天开始呢,老魏会和大家分享一下关于权限设计的有关文章,由于在园子中已经有很多人写过这方面的知识了,所以老魏在这里呢可不能班门弄斧了,只是把自己的理解和做法和大家分享一下,如果有什么不对的地方或者可以优化的地方,老魏非常希望能够得到各位的建议. 话说权限是在任何的项目或者产品中都必须要用的模块,而这部分呢基本上是作为基础数据来提供的,为了能够控制各个用户

easyui Datagrid查询报错Uncaught TypeError:Cannot read property &#39;length&#39; of undefined

1.问题描述 easyui中datagrid执行loadData方法出现如下异常:Cannot read property 'length' of undefined 2.一开始怀疑是js或者页面的问题,然后从早上干到下午,网上各种方法用尽了就是不行! 最后发现规律了: 使用mybatis从数据库查询返回的List不报错,但是自己new的ArrayList总是报错! 后来发现原来mybatis返回的不是ArrayList!而是PageList! 3.解决问题 PageList中有个参数Pagin

对Spring.Net+NHibenate+Asp.Net Mvc+Easyui框架的个人认识

对Spring.Net+NHibenate+Asp.Net Mvc+Easyui框架的个人认识   初次接触Spring.Net+NHibenate+Asp.Net Mvc+Easyui框架,查阅了相关资料,了解了框架如何使用,以及优缺点,下面的说法可能比较浅显,后续的可能在开发过程中能了解的更深刻一些.说的不对的地方请及时指正. 首先,拿到这个框架的时候,第一个想问的问题是为什么想用这块框架,有什么好处,通过查资料浅显的理解为:为了实现应用的松耦合,通过配置完成对数据业务逻辑的处理,节省开发时

ASP.NET MVC+EasyUI+Entity FrameWork 整合开发

本文详细讲解怎么用ASP.NET MVC+EasyUI+Entity FrameWork 来开发一个项目 对于ASP.NET MVC的Jscript库,主要引用 <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")"></script> <script src="@Url.Content("

asp.net+mvc+easyui+sqlite 简单用户系统学习之旅

首次接触asp.net开发,希望把自己的学习之旅写下来,一方面做个知识归纳技术总结,另一方面开放到博客中,和大家一起交流学习! asp.net是目前流行的web开发技术之一,是微软旗下开发的基于.net framework的一套免费的网络应用框架.因为其强大专业的后台支持,和配套优秀的vs开发工具,越来越成为web开发者和公司的选择.学习asp.net可以参考极客学院的知识体系图. http://www.jikexueyuan.com/path/aspdotnet/ 1. C#语言基础 2. A