随笔分类 - jqGrid
摘要:据介绍,jqgrid有3种编辑数据的方式:Cell Editing 只允许修改某一个单元格内容Inline Editing 允许在jqGrid中直接修改某一行的数据Form Editing 弹出一个新的编辑窗口进行编辑和新增Form Editing很方便,直接把oper参数传递给Controller进行判断是add还是edit还是del,然后相应处理即可。大致如:string operation = form["oper"];if (operation.Equals("add")){...}else if (operation.Equals("
阅读全文
摘要:排序(Sorting)分为两种:客户端排序和服务端排序客户端排序的意思是把数据从数据库里一次性全部提取出来,然后在客户端进行排序,以后每次点击标题进行排序时,就不会给服务端传递请求了。这个“一次性”就是:loadonce: true是的没错!在jqgird里加入这句就是客户端排序了,因为jqgrid看到loadonce:true的时候,就会自动把datatype改成local:datatype: "local"虽然你设置的是json。还要注意的是,要在jqgrid里加入sortorder,sortname参数。加这2个参数的原因是因为我们要用到ViewModel。为什么要用
阅读全文
摘要:实际应用中,大部分都是从数据库里获得数据,所以先建立一个数据库,Database first 或者Code first都可以,这里用Code first。一、Model public class Member { [Key] public int No { get; set; } [Required] [MaxLength(5)] public string Name { get; set; } [MaxLength(200)] public string Email { get; se...
阅读全文
摘要:上回说到jqgrid的基本配置,同时演示了显示数据的一种方法——datatype: "local"。这种方法是从本地获取的,确切地说是在前端页面的javascript里写的硬编码。本回说到的也是一种硬编码,只不过是在后台的Controller里写的,也是一种快速演示的方法,我们用ArrayList来填充数据。同时,jqgrid里要使用url参数以指定是从哪个action获得数据。View: 1 @{ 2 ViewBag.Title = "GetDataFromLocal"; 3 } 4 5 GetDataFromLocal 6 7 28 29 30 Co
阅读全文
摘要:新建一个mvc项目后默认scripts文件夹里的内容如下:下面把jqgrid的东西加入项目中:复制jquery.jqGrid.src.js到Scripts文件夹复制grid.locale-cn.js到Scripts文件夹复制ui.jqgrid.css到Content文件夹显示所有文件把刚才添加的文件包含到项目中添加一个Controller:添加一个View(先不用母版页)内容如下:@{ Layout = null;} Index 更改后如下:@{ Layout = null;} Index ...
阅读全文
摘要:效果图如果想给每个文本框都加上自动完成功能该怎么办呢?一个一个添加太麻烦。可以给文本框设置一个属性,让这个属性的值等于Controller里的action。就像这样:父项图号:子项图号:$(document).ready(function () { $(":input[data-autocomplete]").each(function () { $(this).autocomplete({ source: $(this).attr("data-autocomplete"),autoFocus:true }); });});QuickSearch方法如后
阅读全文
摘要:在编辑时,无外乎两种结果:成功和失败。在form edit的弹出编辑窗体中隐藏了两个单元(td),一个的ID是FormError,另一个没有id,有class叫做topinfo。就是这两个家伙可以分别来显示错误信息和操作成功的信息。以下在firebug中截图:FormError在topinfo的上面,因此如果第一次操作成功(true),如果窗体不消失,在窗体上再次编辑后提交失败(false),则错误信息会出现在第一次成功信息的上面!所以要在提交失败的语句段中清除成功信息。以下是javascript代码: 1 function Z_AfterSubmit_Edit(response, post.
阅读全文