摘要：
本文主要体验datagrid的frozenColumns属性。□ frozenColumns效果： 在frozenColumns的列将保持不动，而其他列横向滚动。 □ frozenColumns效果实现的前提： 1、给所有的列表上宽度，比如width:80 2、frozenColumns中的列必须是从左侧开始，并且是连续的 3、必须把datagrid的fitColumns属性设置为false $('#tt').datagrid({ url: 'Home/GetData', wid... 阅读全文
摘要：
本文主要来体验在搜索区域增加更多的搜索条件，主要包括：※ 使用jQuery ui的datepicker显示时间，设置显示格式、样式。 ※ 设置jQuery ui的onClose事件，使开始和结束时间形成约束，即选择开始时间为某天，结束时间的选择范围只能在该天以后，反之亦然。 ※ 下拉框显示枚举值本文只关注视图显示，不涉及后台逻辑。关于搜索条件的过滤，请参照"datagrid在MVC中的运用02"。 关于显示时间□ Html 时间从： 到： 搜索 □ js部分 ... 阅读全文
摘要：
本文介绍在datagrid上同时添加搜索和操作区域。 仅仅是增加操作区域□ 方法1$('#dg').datagrid({ toolbar: '#tb' }); □ 方法2$('#dg').datagrid({ toolbar: [{ iconCls: 'icon-edit', handler: function(){alert('edit')} },'-',{ iconCls: 'icon-help', handler: function(){alert('help' 阅读全文
摘要：
本文体验datagrid显示单行或多行内容。分别用到了datagrid的getSelected,getSelections方法。 Html部分 GetSelected GetSelections 选择单行 //获取单行内容 function getSelected() { //获取选中的行 var row = $('#tt').datagrid('getSelected'); if (row) { $.messager.alert("单行结果", 'ItemId:' + row.ItemId + '\nPrice:&# 阅读全文
摘要：
本文接着上一篇，来体验给datagrid加上搜索功能。主要涉及到：※ 把一个div与datagrid相关起来 ※ datagrid接收查询参数 ※ 查询参数的封装效果图： 查询参数封装分页相关的是每个页面都能用到的，所以把分页相关的封装成基类。 与查询相关的，封装成继承基类的子类。 public class PageParam { public int PageSize { get; set; } public int PageIndex { get; set; } } public class BookParam : PagePa... 阅读全文
摘要：
本文体验jQuery EasyUI的datagrid在MVC中的应用。主要涉及到：※ datagrid的基本属性和方法 ※ datagrid分页在前后台的实现最终效果： 与视图显示对应的view model public class Book { public string ItemId { get; set; } public string ProductId { get; set; } public decimal ListPrice { get; set; } public decimal UnitCost { ... 阅读全文
