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 ligerUI库提供了一种强大的工具——ligerGrid,它可以帮助开发者快速创建具有分页、排序和查询功能的表格,大大简化了前端数据操作的复杂性。本文将深入探讨ligerGrid的核心特性和使用方法。 首先,...
例如,分页功能可能涉及到`ligerUI`目录下的`ligerGrid.js`文件,该文件定义了分页相关的函数和事件处理程序。 `App_Data`目录通常用于存储应用程序运行时生成的数据,如日志文件或数据库文件。如果LigerUI连接到一...
LigerGrid是一款基于jQuery的表格插件,它支持多种数据绑定方式,如Ajax数据绑定等,并提供了丰富的功能,如排序、分页、行编辑等。在实际应用中,经常需要根据用户需求或业务逻辑的变化动态调整表格显示的列名,这...
在描述中提到的博文链接(已不可用)很可能是对ligerGrid的使用教程或示例解析,通常会包含如何在项目中引入ligerGrid,如何配置列、数据源,以及如何实现分页、排序、过滤、编辑等功能的详细步骤。博主可能会分享...
在ASP.NET开发中,LigerUI是一个非常流行的前端框架,它提供了一系列的UI组件,其中LigerGrid是一款功能强大的表格控件,适用于展示和操作数据。本项目是基于VS2010创建的一个Web空应用,主要实现了LigerGrid的一个...
2. **分页**:LigerGrid 提供了内置的分页功能,用户可以设置每页显示的行数,轻松实现数据的分页浏览。 3. **排序**:用户可以通过点击列头对数据进行升序或降序排序,LigerGrid 自动处理排序逻辑。 4. **过滤**...
2. 排序与分页:ligerGrid 提供了列排序功能,包括 JavaScript 内部排序和服务器端排序。分页功能则可以通过配置分页参数,实现客户端或服务器端的分页操作,提供良好的用户体验。 3. 显示/隐藏列:用户可以根据...
ligerGrid的功能列表:1支持本地数据和服务器数据(配置data或者url)2支持排序和分页(包括Javascript排序和分页)3支持列的“显示/隐藏”4支持明细行(表格内嵌)5支持汇总行6支持单元格模板7支持编辑表格(ligerGrid的一...
在页面加载完成后,使用jQuery选择器找到Grid的容器,并调用`ligerGrid`方法: ```javascript $(document).ready(function() { var data = [ { name: "张三", age: 25, city: "北京" }, { name: "李四", age: 30...
基于CI+ligerGrid最新仿金蝶ERP进库存,里面有大量的学习资源。
如果数据发生变化,只需重新调用Grid的`loadData`方法即可刷新表格。 在实际开发中,你可能还需要关注以下方面: - 错误处理:处理服务器返回错误或网络异常的情况。 - 动态加载:设置`pageSize`和`remoteSort`...
数据库操作包括查询(select),插入数据(insert),更新数据(update),删除数据(delete)以及修改表结构(如rename字段,添加或修改字段类型)。 接下来,我们创建一个新的mvc项目,例如名为`kaohe00`。在这个...
Ligerui Grid合并单元格 ,指定列合并单元格,该合并是整列合并
3. **分页**:内置的分页系统使得大量数据的浏览变得简单,用户可以设置每页显示的数据数量,以及进行前后翻页操作。 4. **多表头**:ligerGrid支持复杂的表头布局,允许用户创建多层次的表头,以清晰地组织和呈现...
Grid允许我们以表格形式展示数据,支持排序、分页、筛选等功能,适用于复杂的Web应用程序。 导出Grid到Excel涉及到以下几个关键步骤: 1. **数据准备**:确保Grid中的数据已经加载并可供导出。这通常涉及到从...
这意味着当用户交互(如分页或排序)时,`ligerGrid`会通过Ajax请求向`ValidateData.ashx`发送请求来获取或处理数据。`dataAction: 'server'`表示数据加载和操作都在服务器端进行。 引用的JS文件包含了LigerUI库的...
1. 数据表格(ligerGrid):提供强大的数据展示和操作功能,支持排序、筛选、分页、编辑等。 2. 表单(ligerForm):提供各种表单控件,如文本框、下拉框、日期选择器等,并支持验证和动态加载。 3. 对话框...
- **方法调用**:组件提供了一系列方法,如添加、删除、刷新数据,如`$("#grid").ligerGrid("appendRow", data)`。 4. **ligerUI的皮肤和主题** - ligerUI允许自定义皮肤,开发者可以根据需要更改CSS样式来改变...