`

mvc ligerGrid 分页查询方法

 
阅读更多
http://blog.csdn.net/lybwwp/article/details/22284713



<script type="text/javascript">
    $(f_initGrid);
    var manager, GridList;
    function f_initGrid() {
      GridList = manager = $("#maingrid").ligerGrid({
        checkbox: true,
      
        columns: [
        { display: '产品编号', name: 'ItemNO', editor: { type: 'text' }, frozen: true },
        { display: '产品名称', name: 'Name', editor: { type: 'text' } },
        { display: '产品类别', name: 'CateIds', editor: { type: 'text' } },
        { display: '产品品牌', name: 'Brand', editor: { type: 'text' } },
        { display: '产品状态', name: 'Status', type: 'text', editor: { type: 'int' } },
        //{ display: '添加时间', name: 'Age', width: '10%', type: 'text', editor: { type: 'text' } },
       
        { display: '市场价格', name: 'State', editor: { type: 'text' } },
  
        {
          display: '操作', isSort: false, width: 200, render: function (rowdata, rowindex, value) {
            var h = "";
            if (!rowdata._editing) {
              h += "<a href='javascript:f_open(" + rowindex + ")'>详细信息</a>";
              h += "<a href='javascript:deleteRow(" + rowindex + ")'>上架</a> ";
              h += "<a href='javascript:deleteRow(" + rowindex + ")'>下架</a> ";
              h += "<a href='javascript:deleteRow(" + rowindex + ")'> 删除</a> ";
            }
            else {
              h += "<a href='javascript:endEdit(" + rowindex + ")'>提交</a> ";
              h += "<a href='javascript:cancelEdit(" + rowindex + ")'>取消</a> ";
            }
            return h;
          }
        }
        ],
        url: "/Product/SearchProducts",
        parms: [{ name: 'key_Name', value: "" }, { name: 'key_price1', value: "" }, { name: 'key_price2', value: "" }],
        rownumbers: true,
        pageSize: 20,
        pageSizeOptions: [10, 15, 20, 25, 30],
        width: '100%',
        height: '100%'
      });
      $("#Btn_Search").click(search_Product);
    }
   //查询
    function search_Product() {  
      GridList.setParm("key_Name", $("#Txt_Name").val());
      GridList.setParm("key_price1", $("#key_price1").val());
      GridList.setParm("key_price2", $("#key_price2").val());
      GridList.loadData("/Product/SearchProducts");
      //loadData(parm)  parm: 1,Function过滤函数 2,Bool是否加载服务器数据 3,Object data  加载数据 
    }
  </script>
#region 查询产品
    //获取供应商下面的产品列表
    public ActionResult SearchProducts()
    {
      //List<BasicProductDto> list = ServiceLocator.Create<YJY.Supply.Product.IProductService>().ListProduct(SysHelper.GetUserID());
      //var gridData = new { Rows = list, Total = list.Count };
      //return Json(gridData);

      //排序字段
      string sortName = "";
      if (Request.Params["sortname"] != null)
        sortName = Request.Params["sortname"];
      //排序方式
      string sortOrder = "";
      if (Request.Params["sortorder"] != null)
        sortOrder = Request.Params["sortorder"];
      //当前页面
      int currentPageIndex = 1;
      if (Request.Params["page"] != null)
        currentPageIndex = Convert.ToInt32(Request.Params["page"]);
      //当前页面大小
      int pageSize =20;
      if (Request.Params["pagesize"] != null)
        pageSize = Convert.ToInt32(Request.Params["pagesize"]);
      //产品名称
      string key_Name = "";
      if (Request.Params["key_Name"] != null)
        key_Name = Request.Params["key_Name"];
      //最低价
      string key_price1 = "";
      if (Request.Params["key_price1"] != null)
        key_price1 = Request.Params["key_price1"];
      //最高价
      string key_price2 = "";
      if (Request.Params["key_price2"] != null)
        key_price2 = Request.Params["key_price2"];

      SearchProductDto searchDto = new SearchProductDto();
      searchDto.SupplierId = SysHelper.GetUserID();//供应商id
      searchDto.Name = key_Name;
      searchDto.BeginPrice = Convert.ToDecimal(key_price1);
      searchDto.EndPrice = Convert.ToDecimal(key_price2);
      int recordCount=0;
      List<BasicProductDto> list = ServiceLocator.Create<YJY.Supply.Product.IProductService>().QueryProducts(searchDto, currentPageIndex, pageSize, out recordCount);
      var gridData = new { Rows = list,Total=recordCount};
      return Json(gridData);
    }
    #endregion
分享到:
评论

相关推荐

    jQuery liger ul ligerGrid 打造通用的分页排序查询表格

    jQuery ligerUI库提供了一种强大的工具——ligerGrid,它可以帮助开发者快速创建具有分页、排序和查询功能的表格,大大简化了前端数据操作的复杂性。本文将深入探讨ligerGrid的核心特性和使用方法。 首先,...

    LigerUI 储存过程分页查询

    例如,分页功能可能涉及到`ligerUI`目录下的`ligerGrid.js`文件,该文件定义了分页相关的函数和事件处理程序。 `App_Data`目录通常用于存储应用程序运行时生成的数据,如日志文件或数据库文件。如果LigerUI连接到一...

    LigerGrid动态改变加载字段列名

    LigerGrid是一款基于jQuery的表格插件,它支持多种数据绑定方式,如Ajax数据绑定等,并提供了丰富的功能,如排序、分页、行编辑等。在实际应用中,经常需要根据用户需求或业务逻辑的变化动态调整表格显示的列名,这...

    ligerGrid列表Demo

    在描述中提到的博文链接(已不可用)很可能是对ligerGrid的使用教程或示例解析,通常会包含如何在项目中引入ligerGrid,如何配置列、数据源,以及如何实现分页、排序、过滤、编辑等功能的详细步骤。博主可能会分享...

    LigerGrid 行背景颜色设置

    在ASP.NET开发中,LigerUI是一个非常流行的前端框架,它提供了一系列的UI组件,其中LigerGrid是一款功能强大的表格控件,适用于展示和操作数据。本项目是基于VS2010创建的一个Web空应用,主要实现了LigerGrid的一个...

    LigerGridDemo完整示例

    2. **分页**:LigerGrid 提供了内置的分页功能,用户可以设置每页显示的行数,轻松实现数据的分页浏览。 3. **排序**:用户可以通过点击列头对数据进行升序或降序排序,LigerGrid 自动处理排序逻辑。 4. **过滤**...

    jQuery LigerUI 插件介绍及使用之ligerGrid

    2. 排序与分页:ligerGrid 提供了列排序功能,包括 JavaScript 内部排序和服务器端排序。分页功能则可以通过配置分页参数,实现客户端或服务器端的分页操作,提供良好的用户体验。 3. 显示/隐藏列:用户可以根据...

    LigerGridDemo_fieldz67_ligergrid_树表格_

    ligerGrid的功能列表:1支持本地数据和服务器数据(配置data或者url)2支持排序和分页(包括Javascript排序和分页)3支持列的“显示/隐藏”4支持明细行(表格内嵌)5支持汇总行6支持单元格模板7支持编辑表格(ligerGrid的一...

    LigerUI之Grid使用详解(一)——显示数据

    在页面加载完成后,使用jQuery选择器找到Grid的容器,并调用`ligerGrid`方法: ```javascript $(document).ready(function() { var data = [ { name: "张三", age: 25, city: "北京" }, { name: "李四", age: 30...

    CI+ligerGrid最新仿金蝶ERP进库存

    基于CI+ligerGrid最新仿金蝶ERP进库存,里面有大量的学习资源。

    ligerui+Json_使用LigerUI的Grid和Java的Json实现数据显示

    如果数据发生变化,只需重新调用Grid的`loadData`方法即可刷新表格。 在实际开发中,你可能还需要关注以下方面: - 错误处理:处理服务器返回错误或网络异常的情况。 - 动态加载:设置`pageSize`和`remoteSort`...

    mvc C# JavaScript LigerUI oracle实现用户的注册、登陆验证、登陆

    数据库操作包括查询(select),插入数据(insert),更新数据(update),删除数据(delete)以及修改表结构(如rename字段,添加或修改字段类型)。 接下来,我们创建一个新的mvc项目,例如名为`kaohe00`。在这个...

    Ligerui Grid合并单元格

    Ligerui Grid合并单元格 ,指定列合并单元格,该合并是整列合并

    jQuery LigerUI V1.1.5

    3. **分页**:内置的分页系统使得大量数据的浏览变得简单,用户可以设置每页显示的数据数量,以及进行前后翻页操作。 4. **多表头**:ligerGrid支持复杂的表头布局,允许用户创建多层次的表头,以清晰地组织和呈现...

    Grid导出到Excel例子(源码+注释)

    Grid允许我们以表格形式展示数据,支持排序、分页、筛选等功能,适用于复杂的Web应用程序。 导出Grid到Excel涉及到以下几个关键步骤: 1. **数据准备**:确保Grid中的数据已经加载并可供导出。这通常涉及到从...

    用JQuery,ajax从数据库读取数据.pdf

    这意味着当用户交互(如分页或排序)时,`ligerGrid`会通过Ajax请求向`ValidateData.ashx`发送请求来获取或处理数据。`dataAction: 'server'`表示数据加载和操作都在服务器端进行。 引用的JS文件包含了LigerUI库的...

    jQuery ligerUI API.rar_jQuery ligerUI API_ligerui api

    1. 数据表格(ligerGrid):提供强大的数据展示和操作功能,支持排序、筛选、分页、编辑等。 2. 表单(ligerForm):提供各种表单控件,如文本框、下拉框、日期选择器等,并支持验证和动态加载。 3. 对话框...

    jQuery ligerUI API

    - **方法调用**:组件提供了一系列方法,如添加、删除、刷新数据,如`$("#grid").ligerGrid("appendRow", data)`。 4. **ligerUI的皮肤和主题** - ligerUI允许自定义皮肤,开发者可以根据需要更改CSS样式来改变...

Global site tag (gtag.js) - Google Analytics